Vue第 42 篇，写Vue项目时，VsCode反应较慢（vscode卡顿，反应慢）

前言

这几天敲代码的时候发现VsCode反应好慢，有时候更改个样式，也是同样。

 

一. 卡顿原因

在使用 Visual Studio Code (VSCode) 时遇到卡顿问题，可能有以下几个原因：

1. 资源消耗： 插件可能会占用额外的CPU和内存资源，尤其是那些需要实时分析代码、提供智能提示或自动完成功能的插件。如果插件编写得不够高效，或者需要处理大量数据（如大型项目中的代码索引），这可能导致编辑器响应变慢。

2. 插件冲突： 如果你安装了多个与 Vue 相关的插件，它们之间可能存在功能重复或冲突，导致不必要的工作负载。例如，两个插件都试图提供代码补全或语法高亮，这会增加编辑器的负担。

3. 插件版本问题： 插件可能有bug或与当前使用的 VSCode 版本不兼容，特别是当插件未及时更新以适应编辑器的新特性或架构变化时。

4. 项目复杂度： 对于大型项目，编辑器和插件需要处理更多的文件和代码依赖关系，这本身就可能导致性能下降。如果你的项目包含很多模块、组件和复杂的依赖关系，那么即使是优秀的插件也可能变得较为缓慢。

5. 硬件限制： 如果你的计算机硬件配置较低（比如 CPU 性能不足或内存有限），那么运行资源密集型的软件（如带有多个插件的 VSCode）可能会导致卡顿。

二. 解决思路

尝试排查以下步骤

• 检查插件设置：某些插件可能有性能相关的设置，例如减少实时代码分析的频率，或者只在保存文件时触发某些操作。
• 禁用或卸载插件：暂时禁用 vue-helper 或其他可能影响性能的插件，看是否能改善情况。
• 更新插件和 VSCode：确保所有插件以及 VSCode 都是最新版本，以获得最新的性能优化和bug修复。
• 等等

三. 具体原因

然后就开始找原因，之前开的代码自动保存，

Git:Autorefresh、

Files:Auto Save、

Extensions:Auto Update、

都没有问题。

然后就怀疑是插件问题导致，结果还真是，就是这个vue-helper插件导致的，然后就禁用掉了，禁用后反应有所提升，希望能帮助到你。