IDEA中怎么配置安装node.js？方法浅析

青灯夜游

发布时间：2022-12-21 20:28:40

6234人浏览过

来源于csdn

转载

idea中怎么运行node？下面本篇文章给大家介绍一下idea中配置安装并运行node.js的方法，希望对大家有所帮助！

IDEA中怎么配置安装node.js？方法浅析

idea中支持运行很多种编程语言，只需要在电脑中安装好对应的语言环境，然后在idea的setting->plugins中下载安装对应的语言插件，最后再在setting->languages&frameworks中找到对应语言然后配置好已安装的语言编译器路径即可。

例如node.js

1.在电脑中安装node.js

直接去官网下载安装：https://nodejs.org/zh-cn/
安装完成后用node --verison命令检查，显示了版本号就说明安装成功了。【相关教程推荐：nodejs视频教程、编程教学】

在这里插入图片描述

并且现在node.js安装包自带了npm，在命令行中执行npm -v命令也能看到npm的版本号，但是安装时不会自动给npm配置全局安装包路径的环境变量（不配的话运行js程序时可能会报找不到包的错误）。先用npm list -g命令显示出全局安装包路径，然后在系统环境变量中添加一个NODE_PATH变量把这个路径添加进去就行了。

在这里插入图片描述

如果想修改全局npm安装包的路径可参考：https://www.cnblogs.com/matanzhang/p/11441693.html

2.在idea的File->setting->plugins中下载node.js支持插件

在plugins中搜索node就能看到啦，点击install安装即可

在这里插入图片描述

TapNow

新一代AI视觉创作引擎

下载

3.在File->setting->languages&frameworks中配置已安装的node.js路径和安装包管理器npm的路径

打开setting->languages&frameworks找到node.js，分别配置已安装的node.js路径和npm的路径，npm一般在安装node.js时就自带了，并且idea一般能够自动识别已安装的路径，点击下拉然后选择就行了。

在这里插入图片描述
配置完毕，现在在idea中就可以愉快的编写运行js程序啦

4.关于npm包管理的问题

值得注意的是，可能会遇到在命令行中能运行但是在idea中运行却报错找不到包的问题，这是大概率是因为在安装包时是进行的局部安装而不是全局安装，npm中有两种安装包的方式，如下

局部安装

命令

npm install xxxx

npm会在执行局部安装命令的目录下创建一个node_modules目录并安装在此目录中，只有执行命令的目录或其子目录中的js程序能够访问到局部安装的包。npm list是列出当前目录下局部安装的包。

全局安装

要想在任何位置都能使用到安装的包则需要在安装时加一个全局命令 -g

npm install xxxx -g

全局安装的包直接安装到计算机中，只需安装一次，以后在计算机的任何位置都可以使用这个包；npm list -g是列出全局安装的包，同时也会显示全局安装的路径。全局安装包的目录一般都是在用户目录的Appdata目录下，如C:\Users\syc\AppData\Roaming\npm

如果还是报错找不到包，则可能是全局安装包的路径没有配置到环境变量中，需要配置一下。

更多node相关知识，请访问：nodejs 教程！

如何解决IntelliJ IDEA中项目名称显示不正确的问题？

IDEA热部署war包时，前端JS代码提示缺失如何解决？

IDEA热部署war包时，前端JS代码提示缺失怎么办？

IntelliJ IDEA Artifacts war包热部署下，如何解决前端JS代码提示缺失问题？

typescript脚本编辑器

相关专题

node.js调试

node.js调试可以使用console.log()输出调试信息、断点调试和第三方调试工具。详细介绍：1、console.log()输出调试信息，通过在代码中插入console.log()语句，开发人员可以在控制台输出变量的值、函数的执行结果等信息，以便观察代码的执行流程和状态；2、断点调试，可以在代码中设置断点，以便在特定位置暂停代码的执行，观察变量的值和执行流程等。

347

2023.09.19

JavaScript 全栈开发基础（Node.js + 前端）

本专题系统介绍 JavaScript 在全栈开发中的核心知识结构，涵盖 Node.js 基础、Express/Koa 接口构建、前端交互设计、模块化与包管理、数据库连接、前后端数据通信与部署流程。通过完整项目示例，帮助学习者掌握从浏览器到服务器的一体化开发能力，实现真正意义上的全栈入门。

2025.11.26

js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法，还有更多js正则表达式的相关文章、相关下载、相关课程，供大家免费下载体验。

510

2023.06.20

js获取当前时间

JS全称JavaScript，是一种具有函数优先的轻量级，解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言，主要用于Web，常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢？php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。

244

2023.07.28

js 字符串转数组

js字符串转数组的方法：1、使用“split()”方法；2、使用“Array.from()”方法；3、使用for循环遍历；4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容，供大家免费下载体验。

257

2023.08.03

js是什么意思

JS是JavaScript的缩写，它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言，通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果，如表单验证、页面元素操作、动画效果、数据交互等。

5274

2023.08.17

js删除节点的方法

js删除节点的方法有：1、removeChild()方法，用于从父节点中移除指定的子节点，它需要两个参数，第一个参数是要删除的子节点，第二个参数是父节点；2、parentNode.removeChild()方法，可以直接通过父节点调用来删除子节点；3、remove()方法，可以直接删除节点，而无需指定父节点；4、innerHTML属性，用于删除节点的内容。

477

2023.09.01