vue模板中文乱码主因是vscode编码错配：文件实际为gbk时被utf-8解码，导致你好显示为浣犲ソ；而因走ts/js语言服务路径不受影响，则依赖文件整体编码，需右下角选reopen with encoding→gbk确认后save with encoding→utf-8修复。
你好
` 变成 `浣犲ソ
` 这种典型现象。
为什么 <template></template> 里中文显示为乱码，但 <script></script> 没事？
因为 VSCode 对不同语言块的编码处理不一致：<script></script> 被识别为 JavaScript，走的是 TS/JS 语言服务路径，通常不受文件级编码影响；而 <template></template> 在未启用 Volar 时被当普通 HTML 处理，完全依赖文件整体编码设置。一旦文件实际是 GBK（比如从旧 Windows 项目复制来的 .vue），VSCode 默认以 UTF-8 解码，<template></template> 就崩。
- 右下角状态栏点编码 → 选
Reopen with Encoding→ 尝试GBK，如果中文立刻恢复，就坐实了是编码错配 - 确认后务必点同位置 →
Save with Encoding→UTF-8，否则协作时别人打开还是乱 - 不要只改
files.encoding：这个配置对已有文件无效，它只管新建空文件和没被单独重开过的文件
files.associations 配 "*.vue": "gbk" 有用吗？
没用，而且危险。VSCode 不支持给 .vue 文件强制指定非 UTF-8 编码，files.associations 只能关联语言模式（如把 .vue 当 vue 而不是 html），不能覆盖编码逻辑。硬写会触发解析异常，Volar 直接罢工，连语法高亮都丢。
- 真正起作用的是语言服务链路：必须右下角显示
Vue（不是HTML或Plain Text） - 检查方式：打开任意
.vue文件，按Ctrl+Shift+P→ 输入Volar: Take Over and Restart，重启后看右下角是否稳定为Vue - 若仍是
HTML，说明 Volar 没接管成功，先禁用 Vetur，再执行上述命令
保存后 <template></template> 中文变问号或方块？
这是写入阶段出问题，常见于终端执行脚本生成的 .vue 文件（比如某些 CLI 工具在 Windows 下用系统默认代码页输出），文件内容本身已损坏。VSCode 打开时按 UTF-8 解是对的，但源数据就是 GBK 字节流混进 UTF-8 容器，自然解不开。
- 别在 VSCode 里直接
Save with Encoding强转——可能把原本正确的字节序列二次污染 - 正确做法：复制
<template></template>内容 → 新建空白文件 → 粘贴 → 右下角点编码 →Save with Encoding→UTF-8→ 再手动粘回原文件对应位置 - Git 提交前检查：运行
git config --global core.autocrlf true和git config --global core.quotepath false，避免 Git 自作主张转义中文路径和日志
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
