Vue2项目中Vetur格式化单引号变双引号，需在项目根目录配置.prettierrc为{"singleQuote":true,"semi":false,"tabWidth":2}，并设置vetur.format.defaultFormatter.html为js-beautify-html，最后执行Reload Window重载窗口。
Vue2项目里Vetur格式化总把单引号变双引号？
这是 Vue2 + Vetur 的经典冲突：Vetur 默认用 prettier 做格式化，而 Prettier 默认用双引号，但 Vue2 官方风格指南推荐单引号。不配好，保存就“自动叛变”。
- 必须在项目根目录加
.prettierrc（不是prettier.config.js），Vetur 只认 JSON/YAML/JS 文件，且只读项目级配置，工作区设置无效 - 配成
{"singleQuote": true, "semi": false, "tabWidth": 2}，semi: false是 Vue2 模板中避免分号的关键 - 别在 VSCode 设置里开
"vetur.format.defaultFormatter.html": "prettier"——Vue2 的.vue模板里 HTML 部分应交给js-beautify-html，否则会破坏自闭合标签缩进
Vetur安装后.vue文件没语法高亮或报错不提示？
常见于未正确关联文件类型或插件被禁用。Vetur 不是“装完就灵”，它依赖 VSCode 对 .vue 文件的识别能力。
- 确认 VSCode 左下角状态栏显示语言模式为
Vue（不是HTML或Plain Text），点它手动切换 - 检查是否启用了其他冲突插件，比如
Volar（Vue3 专用）——它会抢占.vue文件处理权，和 Vetur 不兼容，必须禁用 - 如果用的是 Vue CLI 创建的老项目，确保
vue版本在2.6.14以上，低于此版本的defineComponent类型推导可能失效，导致 TS 报错不准确
保存时template部分缩进错乱，script部分却正常？
这是 Vetur 格式化器分工混乱导致的：它把 .vue 拆成三块（template/script/style），每块可指定不同 formatter，但默认配置没对齐。
- 在
settings.json中显式指定各块 formatter："vetur.format.defaultFormatter.html": "js-beautify-html""vetur.format.defaultFormatter.css": "prettier""vetur.format.defaultFormatter.postcss": "prettier""vetur.format.defaultFormatter.scss": "prettier""vetur.format.defaultFormatter.less": "prettier""vetur.format.defaultFormatter.js": "prettier""vetur.format.defaultFormatter.ts": "prettier" -
js-beautify-html对 Vue 模板兼容性更好，尤其处理v-if/v-for缩进和属性换行；Prettier 的 HTML 支持偏 React 风格，容易把多属性挤成一行 - 删掉
"vetur.format.options.tabSize"这类冗余配置——它会被prettier或js-beautify自己的 tabWidth 覆盖，反而引发冲突
为什么改了配置还是不生效？重启和重载的区别在哪
VSCode 插件加载机制决定了：Vetur 的配置变更必须触发“重新加载窗口”，光重启编辑器进程（Ctrl+R）不够。
立即学习“前端免费学习笔记（深入）”；
- 按
Ctrl+Shift+P（Mac 为Cmd+Shift+P），输入Developer: Reload Window并执行——这是唯一能重载 Vetur 配置的方式 - 检查
settings.json是否写在用户设置而非工作区设置里：Vetur 优先读取工作区设置（即项目根目录下的.vscode/settings.json），如果没建这个文件，它就 fallback 到用户级，容易误以为配置没起作用 - 打开命令面板运行
Vetur: Show Output，看控制台有没有报Failed to load config或Cannot find module 'prettier'——说明本地没装 prettier，得在项目里npm install --save-dev prettier
