刚装好 VS Code，打开界面干干净净，但写代码时总觉得缺了点什么？缩进不对、括号不自动补全、中文注释乱码、Git 提交还得切窗口……其实这些都不是问题，是还没配好编辑器。
一、基础配置三步走
打开 VS Code，按 Ctrl + ,（Windows/Linux）或 Cmd + ,（Mac）进入设置界面。推荐直接切换到「设置」页右上角的「JSON」图标，编辑 settings.json 文件，更直观也方便备份。
{
"editor.tabSize": 2,
"editor.formatOnSave": true,
"files.autoSave": "onFocusChange",
"editor.fontFamily": "'Fira Code', 'Droid Sans Mono', 'monospace'",
"editor.fontLigatures": true
}这几行很实在：缩进用 2 空格（适配主流前端规范），保存时自动格式化，焦点离开文件就自动保存，字体选带连字的 Fira Code（看着舒服，箭头函数 => 会显示成一个符号）。
二、必装插件清单
点击左侧扩展图标（或按 Ctrl+Shift+X），搜索安装以下插件，不用多想，装了就用得上：
- ESLint：JavaScript/TypeScript 代码校验，红线标出潜在错误，保存即修复；
- Prettier：统一代码风格，和 ESLint 配合使用，避免格式争论；
- Auto Rename Tag：改一个 HTML 标签名，闭合标签同步更新；
- Path Intellisense：写 import 路径时自动提示文件和文件夹；
- Chinese (Simplified) Language Pack：中文界面，搜设置、看报错更顺手。
装完别忘了重启 VS Code 或重载窗口（Ctrl+Shift+P → 输入 Developer: Reload Window）。
三、插件冲突？这样调
比如 ESLint 和 Prettier 都想格式化 JS 文件，容易打架。在 settings.json 加两行：
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[javascript]": {
"editor.formatOnSave": false
},
"eslint.validate": ["javascript", "typescript", "vue"]
}意思是：默认用 Prettier 格式化，但 JS 文件关掉「保存时格式化」，交给 ESLint 在保存时校验并自动修复（需开启 ESLint 的 autoFixOnSave 选项）。
四、配置不是一次性的
项目换了个框架，比如开始写 Vue，就再装个 Vetur；转去写 Python，装 Python 插件 + Pylance；写 Markdown 多，加个 Markdown All in One。插件不是越多越好，是「刚好够用」——写 React 就不装 Vetur，写后端就别留前端校验插件占内存。
配置文件也可以按项目存：在项目根目录建一个 .vscode/settings.json，里面写的设置只对当前项目生效，比如某个老项目必须用 4 空格缩进，那就单独设，不影响其他新项目。