解决WebStorm使用Vue-webpack卡顿问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ZZY1078689276/article/details/83211806

  我们在使用Vue时,经常会遇到项目卡顿的情况,这主要是因为Vue的webpack打包时会生成一个node_modules模块,该模块内含至少上万个文件,因而往往会造成WebStorm出现卡顿的情况。

  该问题的解决方法有这么几种:

增大WebStorm的内存

  WebStorm的内存参数修改地址文件所在位置为:

..\bin\WebStorm.exe.vmoptions

  该文件内容如下,一般我们只需要修改第二行与第三行即可,这里需要注意的是,内存的大小不能超过1024M,否则WebStorm会打不开。

-server
-Xms128m
-Xmx512m
-XX:MaxPermSize=250m
-XX:ReservedCodeCacheSize=240m
-XX:+UseConcMarkSweepGC
-XX:SoftRefLRUPolicyMSPerMB=50
-ea
-Dsun.io.useCanonCaches=false
-Djava.net.preferIPv4Stack=true
-XX:+HeapDumpOnOutOfMemoryError
-XX:-OmitStackTraceInFastThrow

排除node_modules文件夹

  我们可以通过排除node_modules文件夹,进而来提高vue项目的加载速度,该操作并不会影响到Vue项目的使用。

  在node_modules目录上,鼠标右键选择如下所示的Mark Directory As->Excluded

在这里插入图片描述

  此时node_modules及其子文件夹均被标记为红色。

在这里插入图片描述

全局忽略node_modules文件夹

  在WebStorm中鼠标右键:

File->Settings->Editor->FileTypes

  在打开的面板中,找到Ignore files and folders,然后在其中输入node_modules;,应用即可。

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/ZZY1078689276/article/details/83211806
今日推荐