vscode保存自动格式化js/ts/vue需配置两处：启用editor.formatonsave，并在settings.json中为[javascript]、[typescript]、[vue]语言块设置"editor.defaultformatter": "esbenp.prettier-vscode"。
VSCode 新手装完就用，不是所有插件都得配，但这几类必须立刻开；文件操作不靠记忆，靠设置和快捷键组合。
怎么让保存自动格式化 JS/TS/Vue 文件
Prettier 是默认格式化主力，但光装插件没用，它不会自己启动。关键在两处配置：一是启用 editor.formatOnSave，二是确保当前文件类型绑定了 Prettier 作为默认 formatter。
- 打开设置（
Ctrl+,），搜format on save，勾选Editor: Format On Save - 再搜
default formatter，找到Editor: Default Formatter，点击“Edit in settings.json”，加这一行："javascript.preferences.quoteStyle": "single",<br>"[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },<br>"[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },<br>"[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" } - 注意：如果项目里有
.prettierrc或package.json中的prettier字段，Prettier 会优先读取它们，而不是 VS Code 设置里的缩进/引号规则
为什么 .editorconfig 生成后不生效
EditorConfig 插件只管读 .editorconfig 文件，不管它是否被识别或覆盖。常见失效原因不是插件没装，而是路径或规则冲突。
-
.editorconfig必须放在项目根目录（即打开的文件夹最顶层），不能放在src/或packages/里 - 检查文件编码：必须是 UTF-8 无 BOM，否则 VS Code 可能跳过解析（用右下角编码提示确认）
- 如果同时启用了
editor.tabSize或editor.insertSpaces等硬编码设置，它们会覆盖.editorconfig的同名规则——建议删掉这些手动设置，全交给 EditorConfig 管 - 验证是否加载：打开任意
.js文件，按Ctrl+Shift+P输入EditorConfig: Show Current Config，能看到当前生效的规则才算成功
文件图标乱、找不到组件文件怎么办
vscode-icons 不只是“好看”，它直接帮你区分 .vue 组件、.tsx 类型定义、index.js 入口，避免点错文件。
- 装完插件后，必须手动启用图标主题：按
Ctrl+Shift+P→ 输入Preferences: Color Theme→ 回车 → 再输入File Icon Theme→ 选VSCode Icons - 默认图标对 Vue 单文件组件支持有限，如果
MyComponent.vue显示的是普通文档图标，说明没识别出它是组件——检查文件是否以<template></template>开头，且没被.gitignore排除 - macOS 用户若发现图标锯齿或模糊，别装
vscode-icons-mac，那是旧版兼容包；2026 年起官方vscode-icons已原生适配 macOS 14+ 的 Retina 渲染
Live Server 启动后改代码不刷新
这不是插件坏了，而是浏览器缓存或监听路径没对准。Live Server 默认只监听当前打开的 HTML 文件所在目录及其子目录。
- 确保你在编辑的 HTML 文件已保存（未保存的临时标签页不会被监听）
- 右键 HTML 文件 → “Open with Live Server”，而不是点顶部地址栏里的链接——后者是静态打开，不带热更新服务
- 如果项目结构是
/public/index.html+/src/main.js，改main.js不会触发刷新，因为 Live Server 没监听/src；解决办法：在settings.json里加"liveServer.settings.root": "/public"
，或把入口 HTML 放到根目录 - Chrome 浏览器开启“禁用缓存”（F12 → Network 标签 → 勾选 Disable cache）可排除缓存干扰，但只是临时验证手段，不是长期方案
真正卡住新手的，往往不是插件装不装，而是某一行 JSON 配置写错位置、某个文件没放对路径、或者以为“装了=生效”。VS Code 的配置是叠加生效的，用户设置、工作区设置、语言专属设置、插件默认值之间会互相覆盖，查问题时先看右下角状态栏的当前语言模式和格式化器名称，比翻文档更快。
