编辑 vue.js 文件时 PhpStorm 速度极慢答案

【问题标题】：PhpStorm extremely slow while editing vue.js files编辑 vue.js 文件时 PhpStorm 速度极慢
【发布时间】：2017-06-03 12:35:22
【问题描述】：

我正在使用 PhpStorm 2017.1.4 和 vue.js 插件。我遇到的问题是：这个插件非常很慢，并且在您输入时无法进行编码，而且您在 1 到 2 秒的延迟后看不到您输入的内容。它占用了分配内存的 95%。它占用了 50% 的 CPU 使用率。

我正在进行的项目是新项目，我只打开了一个少于 70 行的文件。

设置提供安装 vue.js 插件 v171.4424.63 我尝试从https://plugins.jetbrains.com/plugin/9442-vue-js 安装插件v171.3780.63 的早期版本，但结果是一样的。

PhpStorm 不支持安装更新的版本，并显示为红色，并显示消息“插件与当前的 PhpStorm 安装不兼容”。

我已经在https://youtrack.jetbrains.com/issue/WI-36715 上打开了一个问题。但是在他们解决问题之前我该怎么办？记事本上的代码？

我能做些什么来加快速度吗？

【问题讨论】：

带有 Vue.js 插件 181.5087.24 的 PhpStorm 2018.1 存在类似问题

标签： performance vue.js phpstorm

【解决方案1】：

这样做并解决了我的问题

告诉phpstorm 忽略/public 目录进行索引。

右键单击dir（如public，或public/js），
选择mark directory as 并选择excluded。
进行更改时，PHPStorm 将不再为其编制索引。

【讨论】：

【解决方案2】：

我遇到了类似的问题，对我来说，问题在于 Encore / Webpack 在公共文件夹中 生成的 javascript 文件的多个副本。因此，PhpStorm 索引了所有重复项，并将所有重复项用于代码完成/代码导航。

使用生成的 javascript 文件 (mark directory as excluded in PhpStorm) 排除文件夹有帮助！

（好吧，我早就应该排除这样的文件夹）...

【讨论】：

这为我修好了！问题是 PHPStorm 每次编译时都会索引新的 app.js

【解决方案3】：

我刚刚发现是什么让我的特定项目如此缓慢，而不是其他项目：我正在使用 Laravel 混合工具对我的 js 和 sass 文件进行版本控制。我有超过 200 个生成的副本，每个副本都存储在公共目录中。编辑 ~~即使我在 .gitignore 中添加了 public\js 和 public\css，phpStorm VCS（版本控制）~~ PhpStorm 也几乎占用了所有资源来索引这些文件。现在我删除了未使用的文件，插件速度应该很快。

现在剩下的问题是，为什么 laravel mix 不删除之前版本的构建的 css 和 js 文件？

【讨论】：

1) 为什么你认为它是 VCS 子系统？ 2) VCS 不索引任何内容。在.gitignore 或类似文件中拥有文件并不意味着应该从通常的“这个文件在外面更改”或“这个文件里面有什么”检查忽略该文件。索引是通用 IDE 功能——用于代码完成等。
你是对的，这当然不是由于 VSC，而是由于索引。手动删除这 200 个文件解决了这个问题。但现在我有另一个问题：每次创建新版本时，mix 都应该删除旧版本文件。我在这里打开了另一个问题：stackoverflow.com/questions/44353166/…

【解决方案4】：

我从未使用过 phpstorm 插件，但也许如果您不需要完整的 IDE 支持，您应该考虑使用像 Sublime text 或 Visual Studio Code 或 Atom 这样的编辑器。与 IDE 相比，它们快如闪电。

【讨论】：

在这种情况下，我可以移除 vue 插件并将 .vue 文件视为 html 文件。我会保留对其余代码非常有用的 PhpStorm。