VSCode打开卡顿怎么办_VSCode性能优化加速方法【解决】

小墨同学_6427

小墨同学_6427

2026-05-23

482人浏览

原创

VSCode启动卡顿主因是扩展抢资源、文件监视器被node_modules拖垮、语言服务无差别扫描——禁用高耗时扩展、精准配置files.watcherExclude、限制TypeScript索引可将冷启动从8秒压至2秒内。

vscode打开卡顿怎么办_vscode性能优化加速方法【解决】

VSCode打开卡顿,90%不是电脑太旧,而是扩展在启动时抢资源、文件监视器被node_modules拖垮、或语言服务无差别扫描整个工作区——关掉几个默认启用的“智能”功能,冷启动时间能从 8 秒压到 2 秒内。

禁用高启动耗时扩展,先看谁在阻塞 Activating…

VSCode 启动慢,核心表现是界面卡在“Activating Extensions”不动。这不是假死,是某个扩展正在同步读取磁盘、解析依赖或发起网络请求。

  • 按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS),输入并运行 Developer: Show Running Extensions
  • 重点关注“启动耗时”列:超过 200ms 的扩展优先禁用,比如 GitLens、ESLint、Prettier、Remote - SSH(即使没连)
  • 右键禁用,**不要卸载**;重启 VSCode 后再逐个启用验证,确认是否恢复流畅
  • 特别注意 Activation Events 含 * 或 onStartupFinished 的扩展——它们一开就全量加载,毫无商量余地

精准配置 files.watcherExclude,别让 node_modules 拖垮监听器

files.watcherExclude 是性能拐点配置,它在文件系统层就过滤掉不需要响应变更的路径,比 search.exclude 更早生效、更省资源。

  • 必须写在工作区根目录的 .vscode/settings.json 中(不是用户 settings.json),否则对当前项目无效
  • 规则必须用双星号:"**/node_modules/**": true,写成 "node_modules/**" 或绝对路径反而会触发无效遍历,更卡
  • 推荐组合(覆盖常见场景):
    "files.watcherExclude": {
      "**/node_modules/**": true,
      "**/.git/**": true,
      "**/dist/**": true,
      "**/build/**": true,
      "**/__pycache__/**": true,
      "**/venv/**": true,
      "**/logs/**": true,
      "**/*.log": true
    }
  • 改完后必须关闭并重新打开该工作区,设置才生效

关掉 TypeScript 全局索引,避免 tsserver 在后台狂扫项目

哪怕你没打开一个 .ts 文件,TypeScript 语言服务(tsserver)仍可能因默认配置持续扫描整个工作区,尤其在含 node_modules 的前端项目里,内存飙升、CPU 占满是常态。

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载
  • 在工作区 .vscode/settings.json 中加入:
    "typescript.preferences.suggestAutoImports": false,
    "typescript.preferences.includePackageJsonAutoImports": "auto",
    "typescript.preferences.autoImportFileExcludePatterns": ["**/node_modules/**"]
  • 若项目不依赖 TS 类型检查,直接设 "typescript.preferences.disableSuggestions": true
  • 避免全局开启 "typescript.preferences.enableAutoImports": true —— 它会让 tsserver 预加载所有模块定义,启动延迟翻倍

用 --disable-extensions 快速验证,别猜,要实锤

所有优化建议都基于现象推断,但真正定位瓶颈,最可靠的方式是隔离变量。命令行启动是最干净的诊断路径。

  • 完全退出 VSCode(包括托盘进程),在终端执行:code --disable-extensions --disable-gpu
  • 观察冷启动时间和编辑响应——如果明显变快,说明问题 100% 出在扩展或 GPU 渲染上
  • 接着只加回一个扩展测试:code --disable-gpu --extension-id=eamodio.gitlens,逐步锁定元凶
  • 注意:--disable-extensions 不影响已安装扩展本身,只是本次启动不加载,安全无副作用

最容易被忽略的是:files.watcherExclude 和 typescript.* 配置必须放在工作区级 .vscode/settings.json,用户级设置对大型项目几乎无效;另外,禁用扩展后不重启 VSCode,等于白禁。

相关文章

数码产品性能查询
数码产品性能查询

该软件包括了市面上所有手机CPU,手机跑分情况,电脑CPU,电脑产品信息等等,方便需要大家查阅数码产品最新情况,了解产品特性,能够进行对比选择最具性价比的商品。

下载

相关标签:

vscode vscode性能优化

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
vscode是什么_vscode怎么安装配置
vscode是什么_vscode怎么安装配置

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

2023.06.30

1495

18

vscode怎么运行代码
vscode怎么运行代码

vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.21

3192

3

vscode使用的框架介绍
vscode使用的框架介绍

VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

2069

12

vscode一般用来写什么语言
vscode一般用来写什么语言

VSCode是一款功能强大的代码编辑器,支持多种编程语言和文件格式。它内置对 JavaScript、Python、Java、C++、TypeScript、HTML/CSS、Go 等语言的支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

1747

8

vscode可以写什么语言
vscode可以写什么语言

vscode是一款强大的代码编辑器,支持多种编程语言的开发。通过安装扩展,可以为 JavaScript/TypeScript、Python、Java、C#、PHP、Go、Ruby、Rust、HTML/CSS 等语言提供智能代码补全、调试和格式化等功能。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

2627

12

vscode中文设置方法
vscode中文设置方法

方法一:在设置页面中,搜索“locale”,并选择“zh-cn”。方法二:按“Ctrl Shift P”快捷键,输入“Configure Display Language”,将语言修改为“zh-cn”。如果上述方法无效,可考虑安装中文插件。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1858

14

vscode用途介绍
vscode用途介绍

Visual Studio Code(VSCode)是一款由 Microsoft 开发的多功能文本编辑器,适用于各种编程语言。作为一款开源软件,VSCode 拥有代码高亮、自动补全、调试、Git 集成等强大功能,成为程序员不可或缺的工具。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1282

10

vscode和visualstudio的区别
vscode和visualstudio的区别

Visual Studio是一款功能强大的集成开发环境(IDE),适用于专业开发人员进行复杂项目的构建。而VSCode则是一款轻量级的代码编辑器,更适合各种规模的项目开发。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1136

8

vscode设置中文界面不生效解决方法
vscode设置中文界面不生效解决方法

vscode设置中文界面不生效解决方法:安装中文语言包、通过命令面板设置语言、检查 locale.json 设置、重新安装中文语言包、检查 VSCode 版本和更新、排除插件冲突、检查系统语言设置、查看 VSCode 日志和错误消息、重置 VSCode 设置、查看官方文档和社区支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

534

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程