如何配置VSCode插件来提升开发效率【教程】

10次阅读

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

如何配置VSCode插件来提升开发效率【教程】

VSCode 插件本身不提升效率,配置不当反而拖慢编辑器;真正起效的是「按需启用 + 关键插件深度定制」。

哪些插件必须禁用或卸载

装得越多越卡,尤其以下几类默认高活跃插件会持续扫描文件、监听 FS 事件

  • Auto Rename Tag:和 Emmet 冲突,且在大项目中频繁触发 dom 树重算
  • Path Intellisense:若未设置 exclude 规则,会在 node_modulesdist 中无休止遍历
  • 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,其中若有 nvmpyenv 或大量 alias,启动延迟可达 2–3 秒。

  • settings.json 中设:"terminal.integrated.profiles.linux": { "bash": { "path": "bash", "args": ["--noprofile", "--norc"] } }(Windows/macos 同理替换 key)
  • 把真正需要的环境变量(如 NODE_OPTIONSPATH 片段)挪到 terminal.integrated.env.linux 里硬编码
  • 禁用 Terminal > Integrated: Confirm On Kill,避免 Ctrl+Shift+P → 「Kill Terminal」时弹确认框打断节奏

最常被忽略的一点:插件更新后,VSCode 不会自动重启语言服务器(如 TypeScript Server、rust Analyzer)。遇到补全失灵、跳转错误,先试 Ctrl+Shift+PDeveloper: Restart TS Server,比重装插件快十倍。

text=ZqhQzanResources