【Vue】2.解决npm install安装依赖WebStrom卡顿的问题

最新推荐文章于 2025-06-09 10:59:32 发布
翻译 最新推荐文章于 2025-06-09 10:59:32 发布 · 2.1k 阅读 · 0
文章标签：

#WebStrom #卡顿

本文介绍了解决WebStorm因node_modules文件夹过大导致项目文件过多的问题。通过将node_modules添加到.gitignore文件或直接在WebStorm中设置为排除状态，可以有效减少项目文件数量，提升编辑体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

很多项目导致WebStrom文件过于庞大，但是WebStrom里面有Excluded功能，用来将某个目录文件，设置为忽略状态，但是一般不轻易设置，一般是node_modules文件夹，解决方法如下：

一、推荐解决方法

把node_modules加入到.gitignore文件中（如果你的项目是git的托管项目，则WebStrom会自动把.gitignore里的文件设置为Excluded）

二、如果没有使用以上方法，则这样解决

（1）删除项目下的node_modules

（2）新建一个node_modules空文件夹

（3）在刚新建的node_modules右键点击mark directory as ——>点击Excluded

（4）去settings下的Language&Frameworks——>JavaScript——>libraries——>勾选node_modules——>点击Remove

（5）执行npm install，即可成功解决

vue2.0解决el-table无限滚动解决数据量大前端界面渲染耗时或卡顿问题
weixin_38644630的博客
11-08 4949
解决el-table渲染数据量大导致前端界面渲染卡顿或耗时较长问题
webstrom 10 npm安装package卡顿问题
dengzong3162的博客
12-15 248
第一步,修改webstrom内存设置 找到webstrom安装目录,用记事本打开上图的文件. 改成如下设置,或者自定义下最大使用内存 ================================= -Xms512m-Xmx1024m-XX:MaxPermSize=750m-XX:ReservedCodeCacheSize=750m-XX:+UseConcMarkSweep...
npm-install 慢的处理方案
littlekard的博客
02-24 978
方案一（推荐）：使用淘宝镜像仓库作为npm仓库 配置淘宝源 npm config set registry https://registry.npm.taobao.org 验证是否成功 npm config get registry 当显示如下，说明设置成功 使用，以express为例 npm install express 方案二（不推荐）：使用cnpm命令 全局安装cpnm npm install -g cnpm --registry=https://registry.n..
2025年超详细的VSCode下载和安装教程，新手必备，收藏这一篇就够了
Button12138的博客
06-09 1494
①就业环境：网络安全可以在计算机科学与技术、信息通信、电子商务、互联网金融、电子政务等领域从事相关工作，还可以在政府机关事业单位、银行、保险、证券等金融机构，电信、传媒等行业从事相关工作。内容概要：包括 内网、操作系统、协议、渗透测试、安服、漏洞、注入、XSS、CSRF、SSRF、文件上传、文件下载、文件包含、XXE、逻辑漏洞、工具、SQLmap、NMAP、BP、MSF…网上虽然也有很多的学习资源，但基本上都残缺不全的，这是我自己录的网安视频教程，上面路线图的每一个知识点，我都有配套的视频讲解。
npm install 太慢？解决方法大揭秘
qq_44103359的博客
04-22 5985
npm install是Node.js项目开发中的常用命令，用于安装项目依赖。然而，在某些情况下，npm install命令的执行速度可能会变得非常慢，这可能影响到项目的开发进度。本文将介绍如何解决npm install命令执行速度慢的问题，帮助读者提高开发效率。本文将详细介绍如何解决npm install命令执行速度慢的问题。文章将涵盖npm install命令执行慢的原因、优化方法以及实际应用案例。通过本文的学习，读者可以掌握提高npm install命令执行速度的基本技巧，并在实际项目中得心应手。
npm install下载慢的解决方法！！！
qq_46063425的博客
08-06 1550
但我们在用npm下载依赖时，可能会很慢，这是我们可以查看一下npm registry的配置 npm config get registry 这里一般显示出来的 https://registry.npm.org/ 这个是一个国外的网站，所以用国内的网络去访问该网站是很慢的，这里解决这个问题可以使用淘宝镜像 我们这里需要给registry重新配置一下 npm config set registry https://registry.npm.taobao.org 然后这里重新给查看当前npm 的registr
npm install 很慢的解决方法
热门推荐
Top5软件工程硕士，先后在京东、字节从事多年Java后端开发、实时和离线大数据开发
10-09 2万+
D:\Program\antd\demo4>npm get registry --显示当前的镜像网址 https://registry.npmjs.org/ D:\Program\antd\demo4>npm config set registry http://registry.npm.taobao.org -- 使用淘宝的镜像网址 D:\Program\antd\demo4...
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
10-17
针对Vue开发的移动端界面在苹果手机上出现的滑动卡顿和点击事件响应缓慢问题，我们可以从以下几个方面来理解和解决问题。 首先，关于滑动卡顿的问题，一个常见的解决方案是在对应组件的最外层div上使用特定的样式。...
详解Vue项目在其他电脑npm run dev运行报错的解决方法
10-17
解决方法是在项目根目录下运行npm install命令来安装所有必需的依赖包。 其次，如果在执行npm install命令时，命令行长时间处于卡顿状态，这很可能是由于网络问题导致npm包的下载速度异常缓慢。这时，可以考虑切换...
npm install idealtree安装失败报错PS E:\vue\Vue3.0> npm install idealtree npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: vite-plugin-inspect@0.8.9 npm WARN Found: vite@7.1.2 npm WARN node_modules/vite npm WARN peer vite@"^5.0.0 || ^6.0.0 || ^7.0.0" from @vitejs/plugin-vue@6.0.1 npm WARN node_modules/@vitejs/plugin-vue npm WARN dev @vitejs/plugin-vue@"^6.0.1" from the root project npm WARN 4 more (vite-hot-client, vite-plugin-vue-devtools, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer vite@"^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1" from vite-plugin-inspect@0.8.9 npm WARN node_modules/vite-plugin-vue-devtools/node_modules/vite-plugin-inspect npm WARN vite-plugin-inspect@"0.8.9" from vite-plugin-vue-devtools@7.7.7 npm WARN node_modules/vite-plugin-vue-devtools npm WARN npm WARN Conflicting peer dependency: vite@6.3.5 npm WARN node_modules/vite npm WARN peer vite@"^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1" from vite-plugin-inspect@0.8.9 npm WARN node_modules/vite-plugin-vue-devtools/node_modules/vite-plugin-inspect npm WARN vite-plugin-inspect@"0.8.9" from vite-plugin-vue-devtools@7.7.7 npm WARN node_modules/vite-plugin-vue-devtools npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.npmjs.org/idealtree - Not found npm ERR! 404 npm ERR! 404 'idealtree@*' is not in this registry. npm ERR! 404 npm ERR! 404 Note that you can also install from a npm ERR! 404 tarball, folder, http url, or git url. npm ERR! A complete log of this run can be found in: C:\Users\86138\AppData\Local\npm-cache\_logs\2025-08-15T01_09_10_027Z-debug-0.log PS E:\vue\Vue3.0> npm install /path/to/downloaded/package.tgz npm WARN tarball tarball data for file:E:\path\to\downloaded\package.tgz (null) seems to be corrupted. Trying again. npm WARN tarball tarball data for file:E:\path\to\downloaded\package.tgz (null) seems to be corrupted. Trying again. npm ERR! code ENOENT npm ERR! syscall open npm ERR! path E:\path\to\downloaded\package.tgz npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open 'E:\path\to\downloaded\package.tgz' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: C:\Users\86138\AppData\Local\npm-cache\_logs\2025-08-15T01_09_32_912Z-debug-0.log PS E:\vue\Vue3.0> PS E:\vue\Vue3.0> npm install idealtree npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: vite-plugin-inspect@0.8.9 npm WARN Found: vite@7.1.2 npm WARN node_modules/vite npm WARN peer vite@"^5.0.0 || ^6.0.0 || ^7.0.0" from @vitejs/plugin-vue@6.0.1 npm WARN node_modules/@vitejs/plugin-vue npm WARN dev @vitejs/plugin-vue@"^6.0.1" from the root project npm WARN 4 more (vite-hot-client, vite-plugin-vue-devtools, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer vite@"^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1" from vite-plugin-inspect@0.8.9 npm WARN node_modules/vite-plugin-vue-devtools/node_modules/vite-plugin-inspect npm WARN vite-plugin-inspect@"0.8.9" from vite-plugin-vue-devtools@7.7.7 npm WARN node_modules/vite-plugin-vue-devtools npm WARN npm WARN Conflicting peer dependency: vite@6.3.5 npm WARN node_modules/vite npm WARN peer vite@"^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1" from vite-plugin-inspect@0.8.9 npm WARN node_modules/vite-plugin-vue-devtools/node_modules/vite-plugin-inspect npm WARN vite-plugin-inspect@"0.8.9" from vite-plugin-vue-devtools@7.7.7 npm WARN node_modules/vite-plugin-vue-devtools npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.npmjs.org/idealtree - Not found npm ERR! 404 npm ERR! 404 'idealtree@*' is not in this registry. npm ERR! 404 npm ERR! 404 Note that you can also install from a npm ERR! 404 tarball, folder, http url, or git url. npm ERR! A complete log of this run can be found in: C:\Users\86138\AppData\Local\npm-cache\_logs\2025-08-15T01_09_10_027Z-debug-0.log PS E:\vue\Vue3.0> npm install /path/to/downloaded/package.tgz npm WARN tarball tarball data for file:E:\path\to\downloaded\package.tgz (null) seems to be corrupted. Trying again. npm WARN tarball tarball data for file:E:\path\to\downloaded\package.tgz (null) seems to be corrupted. Trying again. npm ERR! code ENOENT npm ERR! syscall open npm ERR! path E:\path\to\downloaded\package.tgz npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open 'E:\path\to\downloaded\package.tgz' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: C:\Users\86138\AppData\Local\npm-cache\_logs\2025-08-15T01_09_32_912Z-debug-0.log
最新发布
08-16
npm install # 重新安装所有依赖，解决冲突[^1][^4] ``` 3. **验证解决方案**： - 执行`npm install idealtree`后，若仍报404，表明包名无效。建议使用替代包或本地方案。 - 成功案例：用户通过清除缓存和切换...
解决 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.
解决下载依赖速度慢问题
qq_63494932的博客
11-04 379
提高下载依赖速度
【npm】WebStrom 中加载 npm 依赖失败的错误处理
bubblecheese的博客
07-13 574
WebStrom中加载npm依赖失败的错误处理
npm 下载过慢甚至卡住的解决方法
花铛
09-24 2819
使用 npm 命令可能会出现下载很慢或者直接卡住不动的情况，造成这种情况的原因是 npm 的下载地址是国外的。命令将默认下载地址改成淘宝镜像就可以了。命令查看 npm 的下载地址。
webstorm索引卡顿问题
nieling3的博客
09-30 1228
解决webstorm索引缓慢卡顿(容易忽略的bug）
NPM加速方法
Anye 博客
08-02 7476
一、淘宝镜像源 npm config set registry https://registry.npm.taobao.org 验证 npm config get registry 返回https://registry.npm.taobao.org，成功。 二、华为云镜像源 npm config set registry https://mirrors.huaweicloud.com/repository/npm/ 验证 npm config get registry 返回https://mirrors.h
WebStorm知识 插件（npm下载）、配置
civilizationV的博客
03-03 1939
插件 1、rimraf 快速删除文件 rimraf node_modules
(转载)快速搭建 Node.js 开发环境以及加速 npm
sifeimeng的专栏
04-03 237
转载: http://blog.segmentfault.com/fengmk2/1190000000454456   快速搭建 Node.js 开发环境以及加速 npm 在公交车上刷微博，还是有很多同学在咨询: 如何快速搭建 node 开发环境 npm 超慢 github 无法打开的问题 于是我觉得应该写一篇文章解答所有这些起步问题，让新同学也能顺顺利利入门。 快速...
webStrom运行vue项目卡顿解决方法，亲测好用
tuantaun_的博客
07-16 2186
在运行vue项目的时候，webStorm一直频繁indexing，项目运行特别卡。这是因为vue项目需要加载node_moudles依赖库，而这个文件异常的大。 1.点击File–>Settings–>Filetypes
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值