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

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

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

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

案发现场：

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

解决办法：

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

IDEA实现NPM项目的自打包自发布自部署
Pleasure1234的博客
07-17 1986
最近在研究项目的打包发布以及其在生产环境下的部署谈谈Vue前端项目的自动打包，以及发布到Github Packages和部署到服务器注：由于本人将前端项目和后端项目放置在了一个项目文件夹下，所以统一使用IDEA进行打开运行以及编辑。还是推荐使用WebStorm来进行前端项目的编辑（或者VScode）还是以之前的这个校园墙仓库为例，注：使用的node版本是12.22.12GitHub - Pleasurecruise/NottinghamWall: 宁波诺丁汉大学校园墙(个人项目，管理端已上线)
IntelliJ IDEA编辑器配置vue高亮显示
10-16
IntelliJ IDEA作为一款强大的Java IDE，同样支持Vue.js的开发。本篇文章将详细讲解如何在IntelliJ IDEA中配置Vue.js的高亮显示，以便在编写Vue代码时获得更好的视觉体验和开发效率。 首先，我们需要确保IntelliJ ...
idea执行npm install报错errno -4048
brute_love的博客
06-06 1573
1、在D盘下新建文件夹NodeRepository（可以在其他目录下新建，不要在nodejs安装的文件夹下新建，因为可能是安装的nodejs的目录受限），然后在NodeRepository文件夹下新建node_cache和node_global。用户变量设置：将用户变量中 PATH 的值改成 D:\NodeRepository\node_global，没有PATH，可以直接添加。系统变量设置：添加变量 NODE_PATH 值为：D:\NodeRepository\node_global。
IDEA如何运行新项目
lvjianlvjian_的博客
08-29 886
1.在“终端”窗口中输入：npm install --legacy-peer-deps。2.等待下载完成后输入：npm run dev（同样是在终端窗口中输入）等待加载出http开头的网址后，点击网址进去，就可以查看运行出的画面啦。如图，在新窗口刚打开项目时，没有运行按钮。
解决idea中npm与node指令无法使用问题
qq_45647792的博客
06-02 6717
其作用是会根据项目中的package.json文件自动下载项目所需的全部依赖，而因为我在安装nodejs时，改变了路径，因而在C:\Users…但node的安装路径却不在此，那么配置环境变量时使用这里还是使用安装路径？，如此便会安装到全局位置，一般是C:\Users\username\AppData\Roaming\npm\node_modules（可通过。b. 按照a中的讲解，配置如下，确仍显示’npm’ 不是内部或外部命令，也不是可运行的程序或批处理文件。在idea中的其他相关配置。
IDEA中npm的初始化+安装其他npm包
weixin_49651585的博客
10-26 3037
IDEA中npm的初始化+安装其他npm包
输入命令 ：npm install 要么报错要么卡住
weixin_47902851的博客
01-24 1196
解决npm install 运行报错
idea下安装npm install yarn报错
ask_baidu的博客
08-05 3922
idea下报：npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。解决方法：1.idea安装vue插件
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 ...
Intellij IDEA搭建vue-cli项目的方法步骤
10-17
### IntelliJ IDEA搭建vue-cli项目的...以上步骤和知识点是在Intellij IDEA中搭建vue-cli项目的详细流程，涵盖了从环境准备、IDE配置、项目初始化、运行启动到文件创建的完整操作，是进行Vue开发时必须掌握的基本技能。
idea使用npm install运行构建前端项目时出现的错误
weixin_46244732的博客
01-25 3229
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 2502
解决方案，使用淘宝镜像 npm config set registry https://registry.npm.taobao.org 参考： https://blog.youkuaiyun.com/hushilin001/article/details/78126836
npm install 报错/异常 解决方式
WangYan的博客
03-21 4924
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 563
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 ？
最新发布
只会写bug
01-08 7024
在 IntelliJ IDEA 或其他基于 IntelliJ 的 IDE（如 WebStorm）中配置 npm 主要涉及以下几个步骤。这些步骤将帮助你确保项目可以正确使用 npm 来管理依赖项和运行脚本。
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
评论 6
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值