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。
- -Xms128m // 表示JVM Heap(堆内存)最小尺寸128MB,初始分配
- -Xmx750m // 表示JVM Heap(堆内存)最大允许的尺寸750MB,按需分配
- 更改为:
- -Xms1024m // 这里-Xms最大值不能超过Xmx的值,否则 WebStrom 将无法打开
- -Xmx4096m // 根据你电脑的实际内存调整,我的电脑内存是16G的
如果你的电脑是64位,还需要同时修改 WebStorm64.exe.vmoptions 这个文件
2、Mac版本的 WebStorm 调整内存
方法一:编辑本地配置文件,进入本地配置文件夹,打开 WebStorm 配置信息目录,使用编辑器编辑 webstorm.vmoptions 文件,修改的内存值大小和Windows版本的配置是一样的。
- cd ~/Library/Preferences/WebStorm2017.3
- vim webstorm.vmoptions
----> 这个 WebStorm2017.3 目录可能大家会不一样,你可以先cd到 Preferences 这个目录,ls查看一下你的 WebStorm 的具体版本号,然后在进入该目录,修改配置文件
方法二:编辑全局的配置文件,进入 WebStorm 的安装文件夹的bin目录,使用编辑器编辑 webstorm.vmoptions 文件,修改的内存值大小和Windows版本的配置是一样的。
- cd /Applications/WebStorm.app/Contents/bin
- vim webstorm.vmoptions
三、显示 WebStorm 的内存使用情况
WebStorm 的设置 > Appearance > Show memory indicator 打钩,确定以后,可以在你右下角看到当前 Webstorm 占用内存大小的实际情况。
博主只是一名前端的小白,只是把自己用到的知识分享一下,要是有什么不对的地方,欢迎大家提出~~
2018年3月14日 下午12:46 1F
测试
2018年4月5日 下午5:33 2F
感谢,这个是很好的方式。