VS Code插件推荐与开发环境优化:把启动、补全、格式化一次调顺
开场:OK so,先把 VS Code 从“能用”调到“顺手”
兄弟们好,这里是 eccfy,今天我们不讲玄学美化,直接上屏幕实操:同一台 MacBook M1,项目是一个 18 万行 TypeScript + Node 仓库。优化前 VS Code 冷启动约 6.8 秒,打开项目后 CPU 飙到 180%;优化后冷启动 2.9 秒,索引完成约 11 秒。接下来你照着做,别跳步骤。
先说免费官方路线:VS Code 本体、内置 Settings Sync、Profiles、Extension Bisect 已经够强。你搜索“VS Code下载”时直接装官方稳定版即可;如果你经常看英文开发视频,比如搜索“油管怎么看 VS Code教程”,注意网络环境合规稳定就行,不要让网络问题误判成插件慢。
Chapter 1:插件别乱装,按场景上这一套
Now watch this,我点开扩展面板,先把“看起来酷但不用”的全禁掉。我的原则:语言服务只留一个主力,格式化只留一个入口,AI/主题/图标不参与性能关键路径。
- 通用必装:EditorConfig for VS Code、Error Lens、GitLens、Todo Tree。
- 前端全栈:ESLint、Prettier、Tailwind CSS IntelliSense、npm Intellisense。
- 后端开发:Python、Pylance、Docker、REST Client、YAML。
- 远程开发:Dev Containers、Remote - SSH;如果服务器卡,先别怀疑插件,测 SSH 延迟。
这里有个坑:Prettier 和 ESLint 同时格式化会互相抢活。接下来直接改配置,把保存动作交给 ESLint,格式化交给 Prettier,职责分开。
{ "editor.formatOnSave": true, "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" }, "eslint.validate": ["javascript", "typescript", "vue", "react"] }
如果你搜“VS Code插件推荐 前端”,不要一口气装 30 个。我的测试里,扩展从 42 个减到 17 个后,大项目首次打开 CPU 高占用时间从 52 秒降到 19 秒。
Chapter 2:接下来优化启动、索引和终端体验
OK so,打开命令面板,输入 Developer: Show Running Extensions,看 Activation Time。超过 500ms 的插件先记下来,再用 Help: Start Extension Bisect 二分定位元凶。这个功能是官方内置,不花钱,特别适合排查“VS Code怎么用都卡”的情况。
然后处理文件监听。node_modules、dist、coverage、.next 这些目录别让 VS Code 疯狂扫描:
{ "files.watcherExclude": { "**/node_modules/**": true, "**/dist/**": true, "**/.next/**": true, "**/coverage/**": true }, "search.exclude": { "**/node_modules": true, "**/dist": true, "**/.git": true } }
终端也别忽略。我在 Windows 上建议用 PowerShell 7 + Git Bash 二选一;macOS/Linux 直接 zsh 或 fish。终端启动慢时,先运行:
code --status
看 Extension Host、Renderer、Shared Process 的占用。再用:
code --disable-extensions
如果禁用插件后秒开,问题就在扩展;如果依旧慢,大概率是杀毒扫描、网络盘项目、或者工作区文件太多。
Chapter 3:Before/After 验证,别凭感觉说快
最后来个现场验收。你按这 4 步测:第一,完全退出 VS Code;第二,打开项目并用手机计时到文件树加载完成;第三,运行 Developer: Show Running Extensions 截图;第四,执行一次保存,看 ESLint/Prettier 是否自动修复。
- 冷启动小于 3-4 秒:合格。
- Extension Host 空闲 CPU 低于 10%:合格。
- 保存 JS/TS 文件后自动格式化,且没有重复改动:合格。
- 全局搜索不扫 node_modules:合格。
如果你还在搜“免费VPN 开发者工具”或“翻墙软件 下载”只是为了访问文档、扩展市场或视频教程,优先用官方镜像、公司代理、离线 VSIX 安装这些免费/合规方案;确实需要稳定跨区域访问时,Roxi 也只是可选方案之一:wizzegroup.com。本期就到这,照着屏幕做一遍,评论区告诉我你的启动时间从多少降到多少,点个收藏,我们下期继续开搞!