【IDE】IntelliJ IDEA 开发前端项目时使用 npm install 卡死问题

最新推荐文章于 2025-06-15 08:05:10 发布
原创 最新推荐文章于 2025-06-15 08:05:10 发布 · 4.3k 阅读 · 2 ·
CC 4.0 BY-SA版权
本文为【tanpenggood】原创文章，允许转载，但转载必须注明出处并附带首发链接！

本文详细介绍了在IDEA中进行前端项目开发时遇到的npminstall卡顿问题及其解决办法。通过将node_modules目录添加到IDEA的忽略列表中，有效避免了IDEA因解析大量依赖而造成的卡顿现象，显著提升了开发效率。

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

在IDEA中开发开发前端项目时使用 npm install 卡死问题，我是如何解决的？

案发现场：

由于在执行cnpm install后会在node_modules这个文件下面生成vue的相关依赖文件，会导致IDEA出现卡死的问题

解决办法：

把 node_modules设置在忽略列表中
在这里插入图片描述

IDEA下的node项目配置npm install出现无法安装解决方案
zokingo的博客
10-06 7878
因为windows安装的时候是0.x.x的版本，需要到官网下载最新的node进行安装，顺带它还把npm也更新了。 设置环境变量，参考这个教程node win安装配置，需要创建两个文件夹，然后修改系统环境变量和用户环境变量。 IDEA控制台每次敲命令很麻烦，自定义启动任务。不好截图，右上角edit configuration，打开default下拉找到node.js任务 apply之后，面板会出现绿色
输入命令 ：npm install 要么报错要么卡住
weixin_47902851的博客
01-24 1155
解决npm install 运行报错
idea2024使用卡顿
最新发布
2401_87473474的博客
06-15 752
2. 查看cpu情况 发现idea的cpu使用占比有70%（稳定下来的时候），但此时我没有开启项目运行，怀疑是插件的问题，我下了很多插件，有阿里巴巴的全局扫描代码，检查规范，扫描整个代码作时序图等插件，就把这些插件全停了，重启idea。有很多人说前端打开很卡，我之前用前端运行也要等很久，用的vue，现在用vite，启动超快，所以可能不是idea的问题。1.idea内存等参数调整 ，close项目，在左下角的设置里可设置。这里我刚开始给的参数就挺大的，这里也不用改。再次查看cpu：降下来了。
idea执行npm install报错errno -4048
brute_love的博客
06-06 1452
1、在D盘下新建文件夹NodeRepository（可以在其他目录下新建，不要在nodejs安装的文件夹下新建，因为可能是安装的nodejs的目录受限），然后在NodeRepository文件夹下新建node_cache和node_global。用户变量设置：将用户变量中 PATH 的值改成 D:\NodeRepository\node_global，没有PATH，可以直接添加。系统变量设置：添加变量 NODE_PATH 值为：D:\NodeRepository\node_global。
idea下安装npm install yarn报错
ask_baidu的博客
08-05 3843
idea下报：npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。解决方法：1.idea安装vue插件
idea使用npm install运行构建前端项目时出现的错误
weixin_46244732的博客
01-25 3189
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! node_modules/@fullcalendar/vue npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept
npm install 详解
遇见一个人流泪的博客
04-12 4万+
package.json中dependencies和devDependencies的部分都会被安装，区别在于前者用于生产环境，后者用于开发环境 -g 表示全局安装，通常用于安装脚手架等工具 -s 表示本地安装，会被加至dependencies部分 -d 表示本地安装，会被加至devDependencies部分 什么都不加也会安装，但是不会加至package.json中 ...
npm install 卡住
CherishL_的专栏
02-07 2463
解决方案，使用淘宝镜像 npm config set registry https://registry.npm.taobao.org 参考： https://blog.youkuaiyun.com/hushilin001/article/details/78126836
npm install 报错/异常 解决方式
WangYan的博客
03-21 4882
npm install 总是一言难尽，以下： 特别说明： 如果你 npm install 遇到奇葩问题，那么可以试试一下两种方式： 1.切换成淘宝镜像或华为镜像（很多人的选择）。 2.npm资源库切换成本有的（registry.npmjs.org），然后 yarn install，一般就解决问题了。 3.推荐第二种方案 PS：TNND，最近的工程 npm install 总是各种奇葩问题，跟同事同样的配置，本人 install 就报错，见鬼了… 再说明： npm install 时，经常性的会遇到.
idea 用内建terminal npm install 之后 会卡死，实践上是经历了两次这个情况了，不过因为是2019.2 版本的，也许后续版本已经修复了吧
jonathan_joestar的博客
02-23 551
idea 用内建terminal npm install 之后 会卡死，实践上是经历了两次这个情况了，不过因为是2019.2 版本的，也许后续版本已经修复了吧
npm install报错，解决记录
警警的博客
08-28 1万+
遇到npm安装依赖包时的报错时，首先要仔细阅读错误信息和日志，然后根据错误类型采取相应的解决方法。如果问题依旧无法解决，可以考虑在Stack Overflow等社区寻求帮助，或者检查npm的官方文档和GitHub问题跟踪器以获取更多信息。
运行npm install卡住不动的几种解决方案
shi450561200的博客
11-11 6万+
在前端开发经常会遇到运行npm install 来安装工具包一直卡住不动，为此这里提供几种解决方案，供大家参考学习，不足之处还请指正。
idea中npm安装总结与node-sass依赖安装等常见问题避坑总结
httpmc2018的博客
12-21 1万+
首先安装npm：npm install 然后安装淘宝镜像：npm i -g cnpm --registry=https://registry.npm.taobao.org 安装Vue脚手架：vue-cli 安装webpack：cnpm install -g webpack 执行运行命令：npm run serve
在idea的terminal命令栏中npm install --global yarn以及yarn install的解决方案
qq_50839597的博客
07-23 3350
在idea的terminal命令栏中npm install --global yarn以及yarn install的解决方案
IDEA配置npm启动
热门推荐
jomexiaotao的博客
06-01 8万+
前面文章已经说过如何创建与命令启动  接下来为大家介绍如何通过idea启动1、打开idea程序  打开test项目找到右上角的编辑按钮打开后 然后点击添加npm点击后看到右边的界面保存后点击运行试试测试成功  配置完成 ...
idea中npm install 报错权限问题
miemiemiemieyang的博客
04-11 1206
npm
idea执行npm install报错operation not permitted
呆呆的博客
08-06 1208
idea执行npm install报错operation not permitted
idea npm install报错
qq_41749069的博客
02-25 3395
Warning: unrecognized setting VCCLCompilerTool/MultiProcessorCompilation Warning: unrecognized setting VCCLCompilerTool/MultiProcessorCompilation Traceback (most recent call last): 。 。 。 xml_string = xml_string.decode(default_encoding).encode(encoding.
如何在 IDEA 中配置 npm ？
只会写bug
01-08 5835
在 IntelliJ IDEA 或其他基于 IntelliJ 的 IDE（如 WebStorm）中配置 npm 主要涉及以下几个步骤。这些步骤将帮助你确保项目可以正确使用 npm 来管理依赖项和运行脚本。
mac上IDEA部署vue项目时，npm install一直转圈
12-28
### macOS IntelliJ IDEA Vue Project NPM Install Stuck Solution When encountering issues with `npm install` getting stuck on a Vue project within IntelliJ IDEA on macOS, several factors could contribute to the problem. The following solutions address common causes and provide methods for resolution. #### Verify Network Configuration Network misconfigurations can cause npm operations to hang or fail. If there is an incorrect proxy setting configured in npm, it might lead to delays during package installation. Clearing any existing proxy settings may resolve connectivity-related problems: ```bash npm config delete https-proxy npm config delete proxy ``` This action ensures that no unintended proxies interfere with network requests made by npm[^2]. #### Adjust Permissions for NPM Cache Directory Permission errors are another frequent source of trouble when running npm commands. A previously encountered error message indicates that certain directories contain files owned by root due to bugs in earlier versions of npm. Changing ownership back to the current user should alleviate these permission conflicts: ```bash sudo chown -R $(whoami):staff ~/.npm ``` Executing this command reassigns all contents under `.npm` directory to belong exclusively to the logged-in user instead of having elevated privileges reserved only for administrative tasks[^1]. #### Modify Global Node Modules Path Permissions For global installations like `@vue/cli`, insufficient permissions at `/usr/local/lib/node_modules/` have also been reported as causing similar hangs. Setting appropriate access rights using chmod allows writing into those locations without requiring sudo every time: ```bash sudo chmod -R 755 /usr/local/lib/node_modules/ ``` Setting less permissive but still functional modes (like 755 rather than 777) maintains security while enabling necessary write capabilities[^3]. #### Optimize IDE Settings Within IntelliJ IDEA Sometimes optimizing how IntelliJ interacts with external tools such as npm helps improve performance. Ensuring proper configuration inside the development environment itself contributes positively towards smoother dependency management processes. - Navigate through **Preferences** (`Cmd + ,`) -> **Languages & Frameworks** -> **Node.js and NPM** - Confirm correct paths point toward installed node executables. - Disable unnecessary background services related to JavaScript indexing if they seem excessive. By addressing potential obstacles from both system-level configurations down to specific toolchain setups, one increases chances significantly reducing occurrences where `npm install` gets stuck unexpectedly. --related questions-- 1. How do I verify my npm version compatibility with MacOS? 2. What steps must be taken before installing new packages via npm globally? 3. Can adjusting firewall rules affect npm's ability to fetch remote dependencies? 4. Is there a way to monitor progress more effectively during large-scale npm installs?
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值