NodeJS入门--环境搭建 IntelliJ IDEA

最新推荐文章于 2025-09-25 09:58:13 发布
原创 最新推荐文章于 2025-09-25 09:58:13 发布 · 7.5w 阅读 · 28 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#nodejs #intellij idea

本文介绍如何使用IntelliJ IDEA搭建NodeJS开发环境，包括安装NodeJS、配置IDEA插件及创建首个NodeJS项目的过程。

NodeJS入门–环境搭建 IntelliJ IDEA

本人也刚开始学习NodeJS，所以以此做个笔记，欢迎大家提出意见。

1、首先

  • 下载安装NodeJS，下载安装IntelliJ IDEA

2、接下来我们详细介绍在IDEA中配置NodeJS

  • 默认安装好了IDEA，在IDEA的file -> setting ->Plugins,右边默认是没有这个组件的需要你手动点击Browe repositories..，在插件列表中搜索nodejs,将看到NodeJS插件，点击下载，重启，（其实它会关联到你安装的NodeJS）如下图；
    这里写图片描述
  • 在new project中就多出一项NodeJS
    这里写图片描述
  • 构建第一个NodeJS项目
    这里写图片描述
  • 按照默认操作执行，生成的项目目录结构如下，改目录结构和《Node.js开发指南》的例子是一样的，并且IDEA已经生成一个可以运行的Demo。
    这里写图片描述
  • 点击右上角的绿色箭头，启动服务。
    这里写图片描述
  • 出现如下提示”Listening on port 3000”，说明服务启动成功
    这里写图片描述

  • 在浏览器中输入”http://localhost:3000/“，出现下图说明成功
    这里写图片描述

    到这里，我们的最基本的环境就已经搭建好了。以此作为学习NodeJS的第一步。
安装node.js及idea配置运行vue项目
欢迎来到技术之旅的温馨驿站。让我们一同书写代码之美，分享技术之路的点滴。
09-17 1万+
一、下载node.js，搭建环境 1、可去官网下载（https://nodejs.org/zh-cn/） 下载后是.msi格式的文件 2、双击安装，一直下一步即可。 3、查看是否安装成功 以管理员运行cmd，输入“node -v”、“npm -v”，查看node和npm的版本号，如下图显示则安装成功。 注：npm包管理器是集成在node中的 二、安装cnpm（以管理员运行cmd状态下） 在命令行中输入 npm install -g cnpm --registry=http:/..
2024最新版Node.js下载安装及环境配置教程（非常详细）
热门推荐
DN金猿的博客
06-17 12万+
选择对应你系统的Node.js版本。
Idea 配置前端web nodejs项目
11-23
Idea 配置前端web nodejs项目
No.1 IntelliJ IDEA 中无法运行 Node 命令的解决方案
最新发布
qq_51867867的博客
09-25 652
通过以上步骤，你应该能够解决 IDEA 中无法运行 node、npm 或其他命令的问题。IDEA 的版本号使用的操作系统是否在 IDEA 中运行的是内置终端还是外部终端具体的错误提示信息希望这些解决方案能帮助你顺利解决问题！
IDEA中配置运行node.js
m0_67401545的博客
06-03 5670
idea中支持运行很多种编程语言，只需要在电脑中安装好对应的语言环境，然后在idea的setting->plugins中下载安装对应的语言插件，最后再在setting->languages&frameworks中找到对应语言然后配置好已安装的语言编译器路径即可。例如node.js直接去官网下载安装：https://nodejs.org/zh-cn/ 安装完成后用node --verison命令检查，显示了版本号就说明安装成功了。 并且现在node.js安装包自带了npm，在命令行中执行npm -v命令也能
在IDEA中配置Node.js
qq_45764109的博客
03-29 4081
前提安装了安装Node.exe。
在IDEA中配置node.js
weixin_49651585的博客
10-18 1万+
2.将下载好的msi文件移到自己喜欢的文件夹中，点击安装(一路next下去，其中路径可以修改)6.勾选Coding assistance...并选择当前需要运行js的文件目录，最后点击OK。3.安装完成后，在cmd窗口用node -v来检测是否成功，出现版本号即成功。5.重启IDEA后，按以下步骤找到Node interpreter更改路径。4.打开IDEA，按以下步骤下载node.js插件。7.测试是否能直接运行js，终端出结果即完成配置。1.下载node.js。
若依框架入门搭建(前后端分离版本)-重点IDEA 、Navicat、sql、node、redis、windows11（保姆级）
weixin_43958079的博客
10-04 5935
一直想搭一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己搭了一套后台系统（基于windows11系统）。官方网站文档用Eclipse搭建，官方只用简单的几句就搭建成功了（对于小白来说，无疑是痛苦的，见下图）：项目官网GIT下载地址JDK >= 1.8MySQL >= 5.5 （我用5.7.15)>= 3.01、下载项目，运行IDEA,导入项目，若依框架入门搭建(前后端分离版本)-重点IDEA 、Navicat、sql、node、redis、windows11
Jeecg-boot入门学习搭建开发环境（数据库改用PostgreSQL）
qq771650656的博客
03-23 3550
Jeecg-boot入门学习搭建开发环境（数据库改用PostgreSQL）1、基础开发环境1.1 前端环境安装1.2 配置Nodejs镜像1.3 后端环境安装（idea）1.4 WebStorm-2018.1.3 开发入门配置(看自己风格)2、开发环境搭建2.1 第一部分：前端开发环境搭建2.1.1 导入前端项目（前面下载的源码）2.2 第二部分：后端开发环境搭建2.2.1 导入后端项目3、启动项目3.1 后端启动3.2 启动前台项目ant-design-jeecg-vue总结 重点：因为个人需求数据库才
我的鸿蒙起步 - 开发环境搭建
华为开发者联盟
09-24 1万+
本篇文章将介绍下面7方面的内容 1.下载并安装开发工具 2.启动开发工具默认会下载SDK 3.登录实名认证的开发者账号 4.安装开发语言（Java会默认安装，如果要JS开发，需要手工安装Node.js） 5.安装默认没有安装的SDK(目前SDK有 JS、Java、Native) 6.创建项目 7.启动模拟器 我的其他文章，可点击我的头像进行查看 原文可以到语雀去搜：鸿蒙，搜索结果排第一（目前），作者为：chatterzhao 的即为本文的出处，也可以用账号：chatterzhao 进行搜索，那边的文档还有
umi搭建react的IDEA开发环境
qq_38763540的博客
03-10 2269
目录 1.安装node.js环境 1.1.安装 1.2.配置npm在安装全局模块时的路径和缓存cache的路径 1.3.配置环境变量 1.4.测试 2.安装yarn 3.安装umi 4.搭建IDEA使用umi开发reactjs环境 4.1创建普通static web项目，直接下一步命令完成创建即可 4.2 初始化package.json文件 4.3 在项目中添加umi依赖 ...
IDEA下快速搭建Vue项目与环境准备指南
本教程是针对使用IntelliJ IDEA开发工具，通过Node.js插件和Vue框架进行前端开发的简要指南。首先，需要确保已经下载并安装了Node.js，可以从官方网站 <http://nodejs.cn/download/> 下载MSI安装包，按照提示进行...
IDEA配置NODEJs工程
SonOfWind0311的博客
07-24 1万+
在IDEA中配置运行NodeJS工程
使用nvm管理node.js，在idea中配置node环境
2201_75487274的博客
11-14 2194
安装nvm之后，如何在idea中配置node环境
IDEA搭建Vue开发环境(安装Node.js、安装vue-cli、创建项目、编译项目、启动项目、yarn启动项目、npm和yarn命令行命令简单使用)
Bulut0907
07-22 1万+
因为这个yarn和Hadoop的yarn命令会冲突，所以修改E:\install_software\Node.js\node-v20.4.0-win-x64路径下的yarn.cmd名称为yarnJs.cmd。使用IDEA打开项目, 然后在File–Settings–Plugins–Makerplace搜索vue.js, 安装并重启IDEA。再将E:\install_software\Node.js\node-v20.4.0-win-x64目录配置到环境变量。进入项目目录，安装项目所需依赖。
[Node.js]如何在IDEA中配置Node.js
weixin_66896881的博客
12-19 2万+
选择节点解释器（在安装的Node.js里找到相应的node.exe）此时IDEA会自动找到相应的软件包管理器（npm.cmd）
idea无法使用nodejs
只会写bug
01-08 2365
确保你的计算机上安装了最新版本的 Node.js。通常可以在安全软件的设置中找到允许应用程序的选项，将 Node.js 添加到白名单。对于某些项目来说，可能需要特定的 Node.js 版本或者额外的 npm 包。最后，如果以上所有方法都不能解决问题，查看详细的日志和错误信息是非常重要的。如果你还有疑问或遇到了具体的错误信息，请提供更多的细节，这样我可以提供更有针对性的帮助。如果你遇到的是与 npm 相关的问题，可能是由于缓存问题导致的。IDEA 可能需要知道你使用的 Node.js 解释器的位置。
Nodejs安装及快速入门
m0_72817617的博客
09-12 204
nodejs 的安装
idea配置nodejs环境
03-15
### 如何在 IntelliJ IDEA 中配置 Node.js 开发环境 #### 一、支持与插件安装 IntelliJ IDEA 社区版和 WebStorm 提供了对 Node.js 的支持。为了增强 IDE 对项目的理解和功能，可以通过安装 Node.js 插件来实现更高效的开发体验[^1]。 --- #### 二、Node.js 和 npm 路径的配置 要使 IntelliJ IDEA 支持 Node.js 环境，需手动配置 Node.js 和 npm 的路径： 1. 打开 **Settings** -> **Languages & Frameworks** -> **Node.js and NPM**。 2. 在该界面中分别指定已安装的 Node.js 及其关联的 npm 路径。通常情况下，在安装 Node.js 后会自动生成对应的 npm 文件夹，因此大多数时候只需选择正确的 Node.js 安装目录即可。如果未被自动检测到，则可手动输入路径[^2]。 --- #### 三、验证配置并测试运行 JavaScript 程序 完成以上步骤后，开发者可以在 IntelliJ IDEA 内部直接编辑和执行 JavaScript 文件。此时，IDE 将提供代码补全、语法高亮以及调试工具等功能，从而提升工作效率。 --- #### 四、进一步优化开发环境 虽然上述操作已经满足基本需求，但在实际项目开发过程中，往往需要针对特定场景做更多定制化调整。例如引入 Vue CLI 创建前端框架应用时，也可以借助 IntelliJ IDEA 实现快速构建服务端渲染页面的功能[^3]。 对于基于 Express 或其他框架的应用程序来说，同样适用类似的初始化过程；而当涉及到复杂依赖关系管理时，则应特别注意 `package.json` 文件中的字段定义及其版本控制策略[^4]。 以下是启动本地服务器的一个简单例子： ```javascript // server.js const express = require('express'); const app = express(); app.get('/', (req, res) => { res.send('Hello from Node.js!'); }); const PORT = process.env.PORT || 8080; app.listen(PORT, () => console.log(`Server started on port ${PORT}`)); ``` 运行此脚本之后访问地址 `http://localhost:8080/` 即可见效。 ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值