解决 WebStorm 使用中卡顿的问题

Admin
Admin
Admin
52
文章
6
评论
2018年1月9日11:28:54 2 40,308 1437字阅读4分47秒

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 占用内存大小的实际情况。

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

继续阅读
Admin
  • 本文由 发表于 2018年1月9日11:28:54
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
在 Mac 系统中设置 Git 命令的自动补全 前端工具

在 Mac 系统中设置 Git 命令的自动补全

在上篇文章中我们有讲到如何在 Mac 中安装 Git,安装好了发现命令不能自动补全,使用起来非常不方便,这让伟大的码农们如何是好,今天本文介绍怎么让 Git 命令能够自动补全。 一、安装 Homebr...
WebStorm 开发微信小程序配置 前端工具

WebStorm 开发微信小程序配置

前段时间使用了微信官方提供的开发者工具来做项目,发现特别的不好用,卡顿厉害、中英文切写注释换行相当不爽、还没办法多开窗口,习惯了使用 WebStorm 的样式和快捷键,突然使用微信开发者工具感觉工作效...
Sublime Text 3代码编辑器的使用指南 前端工具

Sublime Text 3代码编辑器的使用指南

Sublime Text 是一个代码编辑器(Sublime Text 是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器,具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的...
匿名

发表评论

匿名网友 填写信息

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

评论:2   其中:访客  0   博主  0
    • 苏州会计网 苏州会计网 来自天朝的朋友 江苏省苏州市 移动 1

      测试

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

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