Node.js下载安装及环境配置教程 (详细版)

16,289 阅读3分钟

Node.js:是一个基于 Chrome V8 引擎的 JavaScript 运行时,用于构建可扩展的网络应用程序。Node.js 使用事件驱动、非阻塞 I/O 模型,使其非常适合构建实时应用程序。

Node.js 提供了一种轻量、高效、可扩展的方式来构建网络应用程序,使得 JavaScript 不仅仅在浏览器中执行,也能在服务器端执行。

npm:是 Node.js 的包管理工具,它使开发者能够方便地安装、管理和共享代码包。Node.js 生态系统中有丰富的第三方模块和库,可以通过 npm 进行快速集成。

1.下载安装包

 官网:Node.js — Run JavaScript EverywhereNode.js — Run JavaScript EverywhereNode.js — Run JavaScript Everywhere 

中文官网:Node.js — 在任何地方运行 JavaScript

下载对应你系统的Node.js版本:Node.js — Download Node.js®

image.png

image.png

2.开始安装

2.1 下载完成后,双击安装包,开始安装Node.js。

1.png

2.png

2.2 直接点【Next】按钮,此处可根据个人需求修改安装路径 (我这里路径改为了D:\Program Files\nodejs),修改完毕后继续点击【Next】按钮。

3.png

2.3 可根据自身需求进行,此处选择默认安装,继续点击【Next】按钮。

4.png

2.4 点击【Next】按钮。

5.png

2.5 点击【Install】按钮进行安装。

6.png

2.6 安装完毕,点击【Finish】按钮

7.png

2.7 测试安装是否成功

按下【win+R】键,输入cmd,打开cmd窗口 ,输入:  
  node -v     // 显示node.js版本  

  npm -v      // 显示npm版本

查询版本.png

🎉显示版本说明安装成功~

3.环境配置

3.1 找到Node.js安装的目录 (我的安装目录是:E:\software\nodejs) ,在安装目录下新建两个文件夹:【node_global】和【node_cache】

8.png

3.2 点击【开始】,使用管理员身份打开cmd命令窗口 (我的系统是win11)

12.png

3.3 在命令窗口输入以下命令:

npm config set prefix "node_global文件夹路径"

npm config set cache "node_cache文件夹路径"

// 复制刚创建的node_global文件夹路径
npm config set prefix "E:\software\nodejs\node_global"
// 复制刚创建的node_cache文件夹路径
npm config set cache "E:\software\nodejs\node_cache"

3.4 配置环境变量

  3.4.1【此电脑】->单击右键-【属性】->【高级系统设置】-【环境变量】

13.png

14.png

3.4.2 在【系统变量】中点击【新建】

  变量名:NODE_PATH

  变量值:E:\software\nodejs\node_global\node_modules

15.png

注:点击【确认】按钮,此时【node_global】里多出了一个【node_modules】文件夹;若输入变量值之后没有自动创建【node_modules】文件夹,就在【node_global】下手动创建一个【node_modules】文件夹,再复制刚创建的【node_modules】文件夹的路径地址到变量值即可。

16.png

3.4.3 编辑【用户变量】中的【Path】

image.png

3.4.4 将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径,点击确定。

image.png

19.png

3.4.5 在【系统变量】中选择【Path】,点击【编辑】添加【NODE_PATH】,最后点击【确定】。

20.png

21.png

4.测试
// 输入以下命令检查配置是否正确
npm config get prefix
npm config get cache

检测配置环境是否成功.png

安装express 模块进行测试:npm install express -g

24-安装错误.png

⚠若安装失败出现上面截图错误内容,可能是没有使用管理员身份运行cmd窗口,可以修改一下【node_global】和【node_cache]的权限。

步骤: 鼠标右击【node_global】的文件夹,点击【属性】,再点击【安全】,再点击【编辑】,将权限都勾上,随即点击【确定】即可。

22.png

22-2.png

【node_cache】步骤与【node_global】同理。

21-1.png

22-1.png

关闭当前命令窗口,重新打开窗口输入安装命令:npm install express -g

25.安装成功.png

5.npm版本修改
// @后跟版本号,若跟的是大版本,则更新到对应大版本最新的小版本
npm install -g npm@9

// 更新到指定版本
npm install -g npm@10.1.8

// npm 升级到最新版本
npm install -g npm@latest

🎉🎉完成Node.js下载安装及环境配置~