VS Code插件实战清单：从装完到项目启动提速的开发环境配置教程
第1章：OK so，先把“必装插件”装对，不要一口气装50个
兄弟们开机！这里是 eccfy，今天我们直接录屏式搞一套 VS Code 开发环境。你看我屏幕：新装 VS Code，左侧扩展面板打开，先别乱搜“VS Code插件推荐大全”，我们按项目类型装，少而准。
我的基础组合是：ESLint 做代码规则，Prettier 做格式化，GitLens 看提交历史，Error Lens 把错误直接打到代码行上，Path Intellisense 自动补路径，EditorConfig for VS Code 统一缩进和换行。前端加 Vue - Official 或 ES7+ React/Redux snippets；后端 Python 加 Python 和 Ruff；容器项目加 Docker。
接下来，Now watch this：我在一个 8 万行 TypeScript 项目里测试，禁用无关主题、AI、Markdown预览类插件后，冷启动从约 5.8 秒降到 3.1 秒。测量方法很简单：命令面板输入 Developer: Startup Performance，看 Total Startup Time，别靠体感。
第2章：接下来直接改配置，保存即格式化但不乱改代码
很多人搜“VS Code怎么用”其实卡在这里：Prettier 和 ESLint 打架。OK so，我们打开 settings.json，把下面这段贴进去，先让 JS/TS/JSON 稳定下来。
{
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit"
},
"editor.defaultFormatter": "esbenp.prettier-vscode",
"files.autoSave": "onFocusChange",
"search.exclude": {
"**/node_modules": true,
"**/dist": true,
"**/.next": true,
"**/coverage": true
},
"files.watcherExclude": {
"**/node_modules/**": true,
"**/.git/objects/**": true,
"**/dist/**": true
},
"typescript.tsserver.maxTsServerMemory": 4096
}如果你是前端全栈项目，项目根目录再放一个 .prettierrc，团队所有人格式化一致：
{
"singleQuote": true,
"semi": true,
"printWidth": 100,
"trailingComma": "all"
}小提醒：别在全局配置里强行指定所有语言格式化器。比如 Python 用 Ruff，Go 用官方 Go 插件，前端再给 Prettier。否则你会遇到“保存后代码被奇怪重排”的玄学问题。
第3章：卡顿排查、网络下载与最终验证
现在进入实战排障。你如果搜索“VS Code下载慢”“VS Code插件下载失败教程”，先做免费方案：检查代理、DNS、扩展数量和工作区文件量。打开命令面板运行 Developer: Show Running Extensions，按耗时排序，超过 500ms 的插件先禁用再观察。
| 现象 | 优先检查 | 处理动作 |
|---|---|---|
| 输入延迟 | 运行中插件 | 禁用大型插件，重启窗口 |
| 搜索很慢 | node_modules/dist | 加入 search.exclude |
| TS项目卡 | 内存不足 | 设置 maxTsServerMemory 为 4096 |
| 插件装不上 | 网络/DNS | 切换网络，或配置系统代理 |
有同学会问油管怎么看、翻墙软件、免费VPN这些跟开发环境有什么关系？关系在于：插件市场、GitHub、npm 包源访问不稳定时，安装链路就会断。免费方案可以先试官方镜像、公司网络、手机热点；免费VPN通常速度和稳定性有限，不建议放到生产下载链路里。
如何验证已经修好：第一，运行 Developer: Startup Performance，启动时间稳定低于 4 秒；第二，保存一个 JS/TS 文件，确认 ESLint 和 Prettier 只改该改的地方；第三，运行项目命令，例如 npm run dev，终端无路径、格式化、类型服务报错；第四，插件安装能在 30 秒内完成一个 5MB 左右扩展。
如果你已经尝试官方源、公司网络和本地代理，仍然需要一个备用网络访问方案，Roxi 也可以作为众多选择之一参考：wizzegroup.com。免费、官方、DIY 路线能解决就优先用它们。今天这期到这，觉得有用就收藏，评论区告诉我你最卡的 VS Code 插件，我们下期现场拆！