VS Code代码片段可一键插入带年份的©版权符号。操作是：Ctrl+Shift+P打开命令面板，选“Preferences: Configure User Snippets”，新建html.json，添加prefix为"copy"、body为"© ${1:2026} ${2:Company Name}"的片段，输入copy+Tab即展开并支持编辑。

VS Code 里用代码片段快速插入 © 版权符号

直接手敲 © 容易漏掉分号或拼错，而且年份还得手动改。VS Code 的用户代码片段（snippets）能一键补全带当前年份的完整版权声明行。

操作步骤：

• 打开命令面板（Ctrl+Shift+P），输入 “Preferences: Configure User Snippets”
• 选择 html.json（若不存在则新建）
• 添加如下片段：

{
  "Copyright line": {
    "prefix": "copy",
    "body": [
      "© ${1:2026} ${2:Company Name}"
    ],
    "description": "Insert copyright symbol with year"
  }
}

之后在 HTML 文件中输入 copy + Tab，即可展开为 © 2026 Company Name，光标会停在年份和公司名处供你编辑。注意：年份默认是硬编码的，如需自动更新，得配合 JS 动态生成，但静态片段更安全、不依赖运行时。

富文本编辑器（如 HtmlEditor）里粘贴纯文本版权信息要防转义

在可视化编辑器中直接输入 ©，有些会自动转成 © 符号并存为 UTF-8 字符；但若从 Word 或网页复制整段“© 2024 MySite”，可能混入零宽空格、全角空格或 Smart Quotes，导致后续构建失败或页面乱码。

立即学习“前端免费学习笔记（深入）”；

稳妥做法：

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

• 先粘贴到纯文本编辑器（如记事本、EditPlus）清洗格式
• 再手动替换成标准 ©，确保无 BOM、无不可见控制字符
• 避免在编辑器“源码模式”外直接粘贴含 & 的 HTML 实体——部分老编辑器（如 eWebEditor V5.5）会二次解析，把 © 变成 ©

React/Vue 模板中写 © 要区分渲染方式

JSX 和 Vue 模板对 © 的处理逻辑不同，错用会导致 XSS 风险或显示异常。

常见错误场景：

• 在 React 中写 innerHTML = "© 2024" → 错误，应改用 textContent 或直接 JSX 插值：{`© ${new Date().getFullYear()}`}
• 在 Vue 模板中写 v-html="copyright" 且值为 "© 2024" → 会被双转义，显示为文字 © 2024
• 正确做法：Vue 用插值 {{ `© ${year}` }}（模板编译器会识别实体），React 用字符串字面量或 String.fromCharCode(169)

构建工具（Webpack/Vite）打包时 © 出现乱码的根源

不是 © 本身有问题，而是源文件编码与构建读取编码不一致。比如你在 UTF-8 文件里写了 ©，但 Webpack 的 html-webpack-plugin 加载时没指定 encoding: 'utf8'，就可能当 GBK 解，显示为 “©”。

排查要点：

• 确认所有 HTML 文件顶部有 <meta charset="utf-8">
• 检查编辑器保存时是否带 BOM（尤其 Windows 下 Notepad 默认带 BOM，VS Code 默认不带）
• Vite 项目需在 vite.config.ts 的 resolve.alias 或插件中显式声明编码，否则 fs.readFileSync() 可能用系统默认编码读取
• CI/CD 流水线中若用 Docker 构建，基础镜像 locale 设置为 C.UTF-8 最稳，避免 Alpine 默认的 C locale 导致解码异常

最隐蔽的问题：某些编辑器（如旧版 EditPlus）在“自动检测编码”模式下，看到 © 就切到 GB2312，保存后实际存的是 GB2312 编码的 © 字节，但文件没声明 charset，浏览器按 UTF-8 解就出方块——这种问题必须从源头查编码，不能只盯 HTML 实体写法。