quotehtml插件本地转义零延迟，但需手动绑定快捷键（如ctrl+alt+q），默认仅处理双引号、保留换行缩进，混用单引号或反引号及js模板语法需人工预处理。
直接用 QuoteHTML 插件最省事，不用写正则、不依赖在线工具，本地转义零延迟。但插件默认不绑定快捷键，且对嵌套引号、换行缩进的处理逻辑容易被忽略——稍不注意就会生成语法错误的字符串。
装完 QuoteHTML 后必须手动绑定快捷键
插件安装后不会自动生效，得自己配快捷键，否则只能靠命令面板调用：
- 按
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）打开命令面板 - 输入
Quote HTML并回车，选中当前选中的 HTML 片段 - 想秒操作？在
Preferences → Key Bindings里加一条：[{"keys": ["ctrl+alt+q"], "command": "quote_html"}]（注意键位别和已有快捷键冲突）
QuoteHTML 默认只处理双引号，单引号和反引号得自己改
它把 " 自动转成 "，但遇到原始 HTML 里混用 ' 或 ` 就不管了——比如 <div class="btn" onclick="alert(`ok`)"></div>，转换后会崩在 JS 解析阶段：
- 要么提前统一用双引号重写 HTML（推荐）
- 要么用正则手动补救：
replace(/'/g, "\'")或replace(/`/g, "\`") - 更稳妥的做法：先用 Sublime 的
Find → Replace把所有'替换成"，再跑QuoteHTML
换行缩进保留与否，直接影响可读性和执行结果
QuoteHTML 默认把换行符转成
，缩进空格照搬，结果是生成带大量空白字符的长字符串——JS 虽然能运行，但 DOM 渲染时可能多出意外空白节点：
- 如果目标是
document.write()或服务端模板拼接，留着换行缩进更易调试 - 如果用于
innerHTML = ...且对首尾空白敏感，建议后续加一步：.replace(/s+/g, ' ').trim() - 不想手写修复？用 Sublime 的
Ctrl+J（Join Lines）先把 HTML 压成单行，再转字符串
真正麻烦的不是转义本身，而是 HTML 里藏着的 JS 表达式、变量插值、条件逻辑——QuoteHTML 只管字符层面，不管语义。比如 ${name} 或 会被原样转过去，运行时才报错。这种混合模板必须人工剥离或换用专用构建流程。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
