webStrom运行vue项目卡顿解决方法，亲测好用

最新推荐文章于 2024-08-29 15:33:01 发布
最新推荐文章于 2024-08-29 15:33:01 发布
阅读量1.9k 收藏 1
点赞数 2
分类专栏： WebStrom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tuantaun_/article/details/107080264
版权

在运行vue项目的时候，webStorm一直频繁indexing，项目运行特别卡。这是因为vue项目需要加载node_moudles依赖库，而这个文件异常的大。

1.点击File–>Settings–>Filetypes
2.选择ActionScript–>.*as–>添加node_modules
在这里插入图片描述3.在文件夹列表，选择不需要进行扫描的文件夹，右键
点击Mark Dierctory as–>Excluded
在这里插入图片描述
之后运行项目就会快很多了

tuantuan_yf
关注
专栏目录
webstrom Debug 调试vue项目的方法步骤
10-18
- 开始调试：运行项目并触发断点，进入调试模式后，可以使用调试窗口中的功能进行单步调试、监视变量和表达式值、调用栈等操作。 6. 调试技巧 - 使用调试面板：WebStorm提供了一个专门的调试面板，显示当前的调用栈...
Vue项目卡顿慢加载？这些优化技巧告诉你！_vue数据多渲染卡顿
2401_84447207的博客
04-27 1640
resolve: {alias: {},plugins},/* 第二种方式 在vuecli中*/// configureWebpack 返回函数式写法// 其他配置alias: {})// 为生产环境修改配置threshold: 10240, // 只有大小大于该值的资源会被处理 10240minRatio: 0.8, // 只有压缩率小于这个值的资源才会被处理。
Webstorm 加载vue项目时，特别卡顿，完美解决。觉得有用加好友打赏
qq_40820382的博客
06-14 3461
webtorm卡顿解决
vue项目中解决el-table数据过多导致页面卡顿问题
高宇辰
08-29 895
要用到umy-ui库，umy-ui库中的table表格组件,它不造轮子。它改造了element-ui等等库的表格组件。u-table增加三个属性(必须)： use-virtual，row-height，height，表示启用虚拟列表。把el-table-column改成u-table-column。把el-table改成u-table。
【Vue】2.解决npm install安装依赖WebStrom卡顿的问题
返璞归真
11-09 2006
很多项目导致WebStrom文件过于庞大，但是WebStrom里面有Excluded功能，用来将某个目录文件，设置为忽略状态，但是一般不轻易设置，一般是node_modules文件夹，解决方法如下： 一、推荐解决方法 把node_modules加入到.gitignore文件中（如果你的项目是git的托管项目，则WebStrom会自动把.gitignore里的文件设置为Excluded） 二、
WebStorm打开Vue项目卡死
qq_40462900的博客
08-03 1654
打开vue项目卡死原因是因为node——modules文件过于庞大，占取过多CPU空间导致。 所以设置导入项目时，忽略创建node_modules模块索引。 点开file -> settings -> File Types -> ActionScript -> *.as -> 添加node_modules;然后apply ...
Webstorm 舒适高效配置，打造提高生产率环境 （html, vue, uniapp）
LlanyW的专栏
11-06 1万+
狂拽炫酷吊炸天装逼的插件，atom 上的神器啊,抱着试一试的心态一搜,webstorm 上居然也有了,安装之后可以在 window -> activate-power-mode 中关闭震动以及开启彩色模式。选个纯色的 轻绿色（C7EDCC）的背景导入（可以从刚才设置的代码区域截取一个纯色图片导入），设置透明度：Opacity然后：OK即可切换到养眼的界面。用过 sublime 的同学会知道右侧有一个当前文件中代码的缩略图，这个插件可以让 webstorm 也具有此功能。一个比较全面的正则插件。
解决webstorm拉取Vue项目时卡顿,及内存爆满问题
alisa7的博客
05-30 948
解决webstorm拉取Vue项目加载node_modules时卡顿,及内存爆满问题 最近在拉取Vue项目时总是会出现webstorm内存瞬间爆满，导致webstorm卡死，而且,有时在下载完node_modues后webstorm一直处于updating中，为此在网上找了很多方法结果效果不怎么理想，然后自己就接着捣鼓，终于捣鼓出来了。下面就是方法：1步骤1.打开webstorm,然后依照此...
关于Vue项目跨平台运行问题的解决方法
10-17
本篇文章主要探讨的是在Vue项目中遇到的跨平台运行问题及其解决方案。 问题描述： 当从gitLab克隆了一个Vue项目，并尝试在本地环境中运行`npm install`和`npm run dev`时，可能会遇到以下错误： ``` >NODE_ENV=...
vue项目中添加单元测试的方法
12-10
从网上找了很多例子关于单元测试，都是如何新建项目的时候的添加单元测试，用vue-cli中怎么添加，但是我的项目已经生成了，不能再一次重新初始化，这时如何添加单元测试，这里面遇到了好多坑，写在这里记录一下心得...
解决WebStorm使用Vue-webpack卡顿问题
ZZY1078689276的专栏
10-20 2338
  我们在使用Vue时，经常会遇到项目卡顿的情况，这主要是因为Vue的webpack打包时会生成一个node_modules模块，该模块内含至少上万个文件，因而往往会造成WebStorm出现卡顿的情况。   该问题的解决方法有这么几种： 增大WebStorm的内存   WebStorm的内存参数修改地址文件所在位置为： ..\bin\WebStorm.exe.vmoptions   该文件内容如...
解决 WebStorm 很卡的问题
weixin_49107940的博客
11-15 1万+
1.打开安装WebStorm的位置，找到WebStorm.exe.vmoptions文件 我的文件位置 2.设置 一般最大的设置为1G已经够了，我原来的设置是7百多 -Xmx1024m -Xms526m 3.如果还不行，再忽略项目中的node_modules目录 右键node_modules目录–>Mark Directory as–>Excluded 4.还没效果 Settings–>Editor–>General–>Code Completion，取消这个选项 5.
vue 项目刷新变得加载非常的慢
weixin_42604188的博客
01-10 2922
Vue 项目刷新加载慢的可能原因有很多，下面列举一些常见的问题： 数据量过大：如果你的项目中有很多数据需要加载，可能会导致页面加载变慢。 资源过多：如果你的项目中有很多图片、视频、音频等资源，也可能会导致页面加载变慢。 复杂的计算和过于频繁的 DOM 操作：如果你的项目中有很多复杂的计算和频繁的 DOM 操作，也可能会导致页面加载变慢。 网络问题：如果你的网络环境不佳，也可能会导致页面加载...
webstorm vue 项目卡顿现象 解决
yangxiaodong88的博客
07-05 6269
Settings – editor – File Types – –ignore files and folders 要忽略的文件添加 node_modules; 然后点击应用 在项目中点击node_modules – 右键 Mark Directory as – Excluded 执行之后 不卡顿啦 soso 的...
IDEA、WebStorm启动缓慢问题
SimGenius' Tech Blog
12-02 3340
今天在朋友家遇到了IDEA和WebStorm启动缓慢问题（等很久才会打开），平时没事，只有到了他这里这样。 经过查询网上大家说的，发现JetBrains家的IDE会在启动时检查授权，那么，应该是检查授权的时间太长导致的启动缓慢。 尝试通过翻出去，看看问题有没有解决，发现问题确实解决了。那么问题原因基本可以确定是因为检查授权过程缓慢导致的。 那么解决方法也非常简单粗暴： 只要启动的时候断网就可以了 ...
解决webstorm打开项目后卡顿问题
落日夕霞的博客
04-03 5932
第一步： File -> Settings -> Build,Execution,Deployment ->Deployment -> Options 在Exclude items by name中添加：node_modules 第二步： File -> Settings -> Directories 选中自己项目的node_modules，点击...
vue: WebStorm设置快速编译运行
热门推荐
卜可的博客
08-08 2万+
WebSorm是一款优秀的前端开发工具，而Vue项目可以使用Node进行编译运行，平常我们可以通过命令行部署项目进行调试。本文介绍设置Webstorm进行快速部署Vue项目。第一步点击启动快捷按钮旁边的向下小箭头，在列表中选择Edit选项：第二步打开启动设置页面后，点击左上角的加号添加新的运行方式：第三步在弹出的选择框中，选择node.js启动模式：第四步在新打开的设置页面中，在红色圈中的地方设置如
一个基于 Vue.js 的简单游戏项目示例：猜数字游戏 这个游戏的目标是让用户猜测一个随机生成的数字，并根据用户的输入给出提示
最新发布
10-14
内容概要：这篇文章详细地指导读者使用前端框架 Vue.js 结合 Vite 构建工具搭建起一个简洁的猜数字小游戏。从环境的配置到项目的初始化再到界面布局和核心功能的编码都进行了详细的描述，尤其是针对如何使用 Vite 创建新 Vue 项目以及用Tailwind进行样式配置的方法。 适用人群：本教程主要面向对前端技术有一定了解，并想进一步提高自己动手实践能力的研发人士与 Web 开发爱好者。 使用场景及目标：旨在让学习者快速上手基于 Vue 构造交互性强的小游戏程序，同时增强对于 Vue 和构建流程的理解掌握；此外，还能学到一些美化网页技巧如Tailwind的引入设置。 其他说明：本文提供了完整的游戏开发过程步骤，并附带有样例代码可供开发者边看边实验。
webstrom创建vue项目教学
09-07
在Webstorm上创建Vue项目的教学可以按照以下步骤进行： 1. 首先，确保你已经安装了Node.js。这是Vue项目所需的环境。 2. 打开Webstorm，并点击菜单栏中的"File"，然后选择"New"，再选择"Project"。 3. 在弹出的窗口中，选择"Vue.js"，然后点击"Create"按钮。这将创建一个新的Vue项目。 4. 接下来，需要选择Vue项目的版本。如果你没有特殊需求，可以选择默认的Vue 2版本。 5. 选择版本后，可以为你的项目选择一个合适的位置，并为项目命名。然后点击"Create"按钮。 6. 等待Webstorm自动安装所需的Vue依赖项。这可能需要一些时间，取决于你的网络速度。 7. 安装完成后，你的Vue项目就已经创建成功了。现在你可以开始编写代码了。你可以在Webstorm中的项目结构视图中看到所有的文件和文件夹。 8. 要运行你的Vue项目，可以点击Webstorm右上角的运行按钮。这将在浏览器中打开项目的本地网页链接，显示Vue的欢迎页面。 通过上述步骤，你就可以在Webstorm上成功创建和调试Vue项目了。希望对你有所帮助！<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值