从字体、主题、插件到快捷键的完整 VS Code 配置流程，5 步打造舒适高效的开发环境，覆盖前端 Vue 和后端 Go/Python 等多语言场景。
# VS Code 高效配置 5 步法：从前端到后端都适用的极简工作流
刚装好 VS Code 的同事总问我：为什么我用 VS Code 写代码又快又舒服，而你连补全都跳来跳去？差别不在编辑器，在配置。这套配置我从 2018 年用到 2026 年，每年只微调 1-2 处，从前端 Vue、后端 Go 到 Python 脚本都适用。这篇把完整流程一次性给到，照着 5 步做完，你的 VS Code 也能顺手到飞起。
一、装基础：前 5 分钟决定 5 年手感
1. 安装姿势：去官网下载 User Installer（不要用 zip 版），自动加 PATH，命令行 `code .` 直接开当前目录。
2. 同步设置：登录微软账号，开"设置同步"，所有插件和配置跨机器同步，新电脑不用再配一遍。
3. 字体：装 `JetBrains Mono` 或 `Cascadia Code`，连字（ligatures）让 `=>` `!=` `>=` 这种符号变成一个图标，可读性翻倍。
4. 主题：前端推荐 `One Dark Pro`，后端推荐 `GitHub Dark` 或 `Tokyo Night`，对比度足够高，盯一天不累。
二、必装 8 个插件：覆盖 90% 场景
前端必装：
Live Server：本地起服务器，热刷新写 HTML 必备
Prettier：保存自动格式化，团队代码风格统一
ESLint：实时高亮 JS/TS 错误，写错立刻看到
Volar：Vue 3 官方推荐，比 Vetur 好用 10 倍
后端必装：
REST Client：在 VS Code 里直接发 HTTP 请求调试 API，不用切 Postman
Docker：看容器、查日志、看镜像，省一个终端
Database Client：连 MySQL/Postgres/SQLite，SQL 补全 + 表格预览
通用必装：
GitLens：行内看 git 提交记录，谁改了这行、为啥改、什么时候改
Path Intellisense：路径自动补全，再不会写错 `./componnets/User` 这种拼写错误
三、2 个必改的快捷键
1. 多光标选中：`Ctrl + D` 选中当前词，再按 `Ctrl + D` 选下一个相同词，比 `Ctrl + H` 替换快 3 倍。
2. 重命名变量：选中变量按 `F2`，全文件所有引用一起改，比手动找快 10 倍。
记住这两个就够，其它 90% 用鼠标 + 菜单能完成。
四、3 个隐藏设置
打开设置（`Ctrl + ,`）搜索这几个：
1. `editor.formatOnSave: true` — 保存自动格式化，配合 Prettier，写完代码就是干净的。
2. `editor.minimap.enabled: false` — 关掉右侧缩略图，屏幕空间多 15%，小屏 / 多窗口必备。
3. `files.autoSave: afterDelay` + `files.autoSaveDelay: 1000` — 1 秒自动保存，再不会写一半忘记保存崩了。
五、完整工作流：从打开项目到提交代码
1. 打开项目：终端 `code .`，VS Code 在当前目录启动。
2. 看代码：`Ctrl + P` 输入文件名秒定位（比左侧树状图快 5 倍）。
3. 写代码：保存时自动格式化 + ESLint 检查，写完就是规范的。
4. 调试代码：F5 启动调试，编辑器里直接看变量值，不用打 console.log。
5. 提交代码：左侧源代码管理面板，提交消息写"修改了什么 + 为什么"，一眼能看懂。
常见问题
Q：插件装太多会不会卡？
A：超过 50 个会拖慢启动。按需装，不用就禁用。基础 8 个 + 按项目装 = 10-15 个最舒服。
Q：怎么同步到公司的电脑？
A：登录微软账号，开设置同步。注意：在公司电脑不要勾"工作区信任"，不熟的项目打开会执行任意脚本。
Q：VS Code 和 Cursor 怎么选？
A：写代码主力用 Cursor（AI 写补全），但配置和调试还在 VS Code。我的方案：Cursor 写代码 + VS Code 看 Git 跑测试，双开用 Switcher 切。
写在最后
VS Code 的精髓不是装更多插件，是建立自己的工作流。今天这套配置我用了 5 年没换，每个键位每个开关都熟悉到肌肉记忆。新人按这 5 步走，一周能上手，再一个月能飞起来。
附件里我整理了完整的 `settings.json` 配置和 `extensions.txt` 插件清单，照着导入就能用，省去手动一个个配置的 1 小时。
立即下载，跟着 5 步做完，你的 VS Code 就是新世界。
