刚搭完本地开发环境，打开 VS Code 却发现写 HTML 像在记事本里敲字？自动补全没反应，代码乱成一团，保存后还得手动格式化？别急，这不是你手残，是编辑器还没‘调教’好。
一、基础配置：三步让 VS Code 听你的话
打开 VS Code，按 Ctrl + ,（Win/Linux）或 Cmd + ,（Mac）进入设置界面，点右上角花括号图标切换到 settings.json 编辑模式，粘贴以下常用配置：
{
"editor.tabSize": 2,
"editor.formatOnSave": true,
"editor.autoIndent": "full",
"files.eol": "\n",
"emeraldwalk.runonsave": {
"commands": [
{
"match": "\\.js$",
"cmd": "prettier --write ${file}"
}
]
}
}这几行的意思很实在：缩进用 2 个空格、保存自动格式化、换行符统一用 LF（适配 Git 和大多数服务器）、JS 文件保存时顺手跑一遍 Prettier。改完直接保存，不用重启，马上生效。
二、插件不是越多越好，这 5 个是网站搭建刚需
打开左侧扩展面板（或按 Ctrl+Shift+X），搜索安装以下插件，装完顺手点一下「启用」：
- Auto Rename Tag：改一个 <div> 的开头，结尾自动跟着变，写嵌套结构不手抖；
- Live Server：右键点 HTML 文件 →「Open with Live Server」，瞬间起一个本地服务，改完代码浏览器自动刷新；
- Prettier：代码格式化主力，配合上面的配置，保存即整齐；
- ESLint：写 JS 时实时标红语法/逻辑问题，比如漏了分号、用了未声明变量；
- Path Intellisense：写 img src 或 import 路径时，输入
./就弹出当前文件夹下的所有文件名，再也不用切窗口去复制粘贴路径。
装完别忘了重启 VS Code —— 有些插件得重载窗口才完全就位（右键菜单有「Developer: Reload Window」选项）。
三、一个小技巧：同步你的配置到新电脑
换电脑或重装系统后，不想再一条条配？登录 VS Code 的 Microsoft 账户（左下角头像 → Sign in），开启「Settings Sync」，所有设置、已装插件、键盘快捷方式全都会自动同步过来。就像把你的编辑器「克隆」了一份，打开就能干活。
配置和插件不是炫技，是帮你少踩坑、少查文档、多写有效代码。每天省下 10 分钟反复调试格式或找路径的时间，一个月就是 5 小时——够你多搭两个小站了。