解决 WebStorm 使用中卡顿的问题

  • A+
所属分类:前端工具

WebStorm 是 jetbrains 公司旗下一款 JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与 IntelliJ IDEA 同源,继承了 IntelliJ IDEA 强大的JS部分的功能,但是它的缺点也显而易见:吃内存!!!电脑配置稍低一点,运行 WebStorm 就特别容易卡顿,特别是项目比较大的时候,那卡顿得不要不要的。在我之前的笔记本12g内存 256ssd 的配置下,运行 WebStorm 还是会稍微有点卡,不过可以通过一些设置来优化 WebStorm 的使用。

一、关闭 node_modules 校验

在 node 项目中存在 node_modules 目录,每次打开 WebStorm 时会校验文件,同样也会扫描 node_modules 中的内容,这样会浪费很多时间,可能会直接导致 WebStorm 直接卡死在“scanning files to index”这一步。选择 node_modules 目录 > 右键 > Mark Directory As > Excluded,排除不必要的索引,如图选中该选项即可,然后重启 WebStrom

二、调整 WebStorm 的内存

1、Windows版本的 WebStorm 调整内存
在 WebStorm 安装目录 > bin > WebStorm.exe.vmoptions 找到这个文件,右键用文本编辑器打开,修改 Xms/Xmx 内存大小,这样使 WebStorm 分配的内存空间比较大,然后重启 WebStrom。

  1. -Xms128m  // 表示JVM Heap(堆内存)最小尺寸128MB,初始分配
  2. -Xmx750m  // 表示JVM Heap(堆内存)最大允许的尺寸750MB,按需分配
  3. 更改为:
  4. -Xms1024m  // 这里-Xms最大值不能超过Xmx的值,否则 WebStrom 将无法打开
  5. -Xmx4096m  // 根据你电脑的实际内存调整,我的电脑内存是16G的

如果你的电脑是64位,还需要同时修改 WebStorm64.exe.vmoptions 这个文件
2、Mac版本的 WebStorm 调整内存
方法一:编辑本地配置文件,进入本地配置文件夹,打开 WebStorm 配置信息目录,使用编辑器编辑 webstorm.vmoptions 文件,修改的内存值大小和Windows版本的配置是一样的。

  1. cd ~/Library/Preferences/WebStorm2017.3
  2. vim webstorm.vmoptions

----> 这个 WebStorm2017.3 目录可能大家会不一样,你可以先cd到 Preferences 这个目录,ls查看一下你的 WebStorm 的具体版本号,然后在进入该目录,修改配置文件
方法二:编辑全局的配置文件,进入 WebStorm 的安装文件夹的bin目录,使用编辑器编辑 webstorm.vmoptions 文件,修改的内存值大小和Windows版本的配置是一样的。

  1. cd /Applications/WebStorm.app/Contents/bin
  2. vim webstorm.vmoptions

三、显示 WebStorm 的内存使用情况

WebStorm 的设置 > Appearance > Show memory indicator 打钩,确定以后,可以在你右下角看到当前 Webstorm 占用内存大小的实际情况。

博主只是一名前端的小白,只是把自己用到的知识分享一下,要是有什么不对的地方,欢迎大家提出~~

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  2   博主  0

    • 苏州会计网 苏州会计网 来自天朝的朋友 江苏省苏州市 移动 1

      测试

      • liaodalin19903 liaodalin19903 来自天朝的朋友 四川省成都市 电信 0

        感谢,这个是很好的方式。