真正提升VSCode效率的是「按需启用+关键插件深度定制」,须禁用Auto Rename Tag、Path Intellisense、Beautify等高开销插件,并配置watcherExclude、followSymlinks等4项性能参数。

VSCode 插件本身不提升效率,配置不当反而拖慢编辑器;真正起效的是「按需启用 + 关键插件深度定制」。
哪些插件必须禁用或卸载
装得越多越卡,尤其以下几类默认高活跃插件会持续扫描文件、监听 FS 事件:
-
Auto Rename Tag:和Emmet冲突,且在大项目中频繁触发 DOM 树重算 -
Path Intellisense:若未设置exclude规则,会在node_modules和dist中无休止遍历 -
Beautify:已停止维护,与 Prettier 的格式化逻辑打架,保存时可能反复重写 - 所有带「Live Preview」「Server」字样的插件(如
Live Server),除非当前正在调试静态 HTML 页面,否则常驻后台吃内存
settings.json 中必须加的 4 条性能配置
光装插件没用,VSCode 默认行为对中大型项目极不友好。直接覆盖你当前工作区的 .vscode/settings.json:
{
"files.watcherExclude": {
"**/node_modules/**": true,
"**/dist/**": true,
"**/build/**": true,
"**/.git/**": true
},
"search.followSymlinks": false,
"editor.quickSuggestions": {
"strings": false,
"comments": false
},
"typescript.preferences.includePackageJsonAutoImports": "auto"
}
注意:"search.followSymlinks" 设为 false 后,全局搜索不会进入软链目录,能避免误搜到 npm 全局 bin 或 pnpm store;"editor.quickSuggestions" 关闭字符串内自动补全,防止在写正则或 SQL 字符串时弹出干扰项。
EditorConfig + Prettier + ESLint 三者怎么共存不打架
冲突根源不在插件,而在配置优先级。VSCode 默认让 EditorConfig 覆盖 Prettier,而 ESLint 又试图覆盖两者——结果就是保存时格式化失效或报错。
- 卸载
EditorConfig for VS Code插件,改用 Prettier 自带的.editorconfig兼容层(v2.10+ 支持) - 在
settings.json中明确指定格式化工具:"editor.defaultFormatter": "esbenp.prettier-vscode" - ESLint 插件只做「诊断」,不开「自动修复 on save」:设
"eslint.format.enable": false,修复统一走npm run lint:fix - 加一条关键规则到
.prettierrc:"endOfLine": "lf",避免 Windows/Mac 换行符混用导致 ESLint 报linebreak-style
终端集成:别让集成终端变成性能黑洞
VSCode 内置终端默认复用 shell 进程,但每次新开 tab 都会重新加载 .zshrc 或 .bash_profile,其中若有 nvm、pyenv 或大量 alias,启动延迟可达 2–3 秒。
- 在
settings.json中设:"terminal.integrated.profiles.linux": { "bash": { "path": "bash", "args": ["--noprofile", "--norc"] } }(Windows/macOS 同理替换 key) - 把真正需要的环境变量(如
NODE_OPTIONS、PATH片段)挪到terminal.integrated.env.linux里硬编码 - 禁用
Terminal > Integrated: Confirm On Kill,避免 Ctrl+Shift+P → 「Kill Terminal」时弹确认框打断节奏
最常被忽略的一点:插件更新后,VSCode 不会自动重启语言服务器(如 TypeScript Server、Rust Analyzer)。遇到补全失灵、跳转错误,先试 Ctrl+Shift+P → Developer: Restart TS Server,比重装插件快十倍。










