Node.js安装教程（图文版）

末蓝、 2023-10-01 16:12 40阅读 0赞

[【前端之旅】Web基础与开发工具][Web]  
[【前端之旅】手把手教你安装VS Code并附上超实用插件指南][VS Code]  
[【前端之旅】HTML大总结][HTML]  
[【前端之旅】CSS三万字总结][CSS]  
[【前端之旅】JavaScript学习笔记][JavaScript]  
[【前端之旅】Web前端发展简史][Web 1]  
[【前端之旅】JavaScript进阶笔记][JavaScript 1]  
[【前端之旅】快速上手JSON][JSON]  
[【前端之旅】一文掌握AJAX技术][AJAX]  
[【前端之旅】Axios看这一篇就够了][Axios]  
[【前端之旅】响应式布局及Bootstrap框架][Bootstrap]  
[【前端之旅】Node.js安装教程（图文版）][Node.js]  
[【前端之旅】Webpack模块打包工具][Webpack]  
[【前端之旅】uni-app学习笔记][uni-app]  
[【前端之旅】手把手教你将uView UI配置到uniapp项目中][uView UI_uniapp]  
[【前端之旅】Nginx快速入门][Nginx]

> 本篇教程，主要介绍如何在windows 64操作系统上安装Node.js以及安装过程中出现一些问题的解决办法

#### 文章目录 ####

*   *   *  一、Node.js的简介
         *  二、软件官网地址
         *  三、软件下载步骤
         *   *  1.选择需要下载的版本（windows 64）
             *  2.开始安装
             *  3.验证是否安装成功
         *  四、软件环境配置
         *   *  1.创建npm模块安装目录
             *  2.配置环境变量
             *   *  2.1新建NODE\_PATH系统变量
                 *  2.2更改用户path变量
             *  3.测试是否配置成功
         *  五、常见问题
         *   *  一、运行npm install 时，卡在sill idealTree buildDeps没有反应.
             *  二、Error: EPERM: operation not permitted, mkdir 'C:\\node\\node\_cache'
             *  三、更改环境变量容易出现的问题

#### 一、Node.js的简介 ####

Node.js® 是一个基于 [Chrome V8 引擎][Chrome V8] 的 JavaScript 运行时环境。

npm是Node.js的包管理工具（package manager)。  
![image-20220123104441804][]

#### 二、软件官网地址 ####

> 官网地址：[https://nodejs.org/zh-cn/][https_nodejs.org_zh-cn]
> 
> 下载地址：[https://nodejs.org/zh-cn/download/][https_nodejs.org_zh-cn_download]

![image-20220123005804496][]

#### 三、软件下载步骤 ####

##### 1.选择需要下载的版本（windows 64） #####

![image-20220123010553929][]

##### 2.开始安装 #####

下载完毕后，桌面出现.msi安装包.

打开安装包后,一直Next即可. (建议c盘小的可以修改一下安装位置，Node.js默认安装位置为 C:\\Program Files\\nodejs)

##### 3.验证是否安装成功 #####

我们以管理员权限打开命令提示符，检验一下node、npm的版本。

node -v

npm -v

出现Nodejs以及npm工具包的版本号说明安装成功！

#### 四、软件环境配置 ####

> 环境配置的目的主要是为了改变安装Nodejs依赖的下载位置，更加方便日后的包管理，以及配置缓存Cache的路径。因为Nodejs在执行安装语句时，会将安装的模块默认安装到C:\\Users\\用户名\\AppData\\Roaming\\npm，从而占用C盘的空间。

##### 1.创建npm模块安装目录 #####

首先分别在Nodejs安装目录下创建node\_cache和node\_global两个文件夹，创建文件夹后，打开dos命令窗口，分别执行下面两行命令。

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"

##### 2.配置环境变量 #####

点击我的电脑->右键->属性->高级系统设置->高级->环境变量（或者直接在任务栏搜素环境变量，点击编辑系统环境变量->环境变量）

###### 2.1新建NODE\_PATH系统变量 ######

我们需要新建一个系统变量(NODE\_PATH):C:\\Program Files\\nodejs\\node\_global\\node\_modules  
![image-20220123124321114][]

###### 2.2更改用户path变量 ######

这里我们需要将其中默认的C:\\Users\\用户名\\AppData\\Roaming\\npm更改为：

C:\\Program Files\\nodejs\\node\_global

![image-20220123121552342][]

##### 3.测试是否配置成功 #####

我们安装一个vue模块进行测试，打开dos命令窗口，执行下面的命令.

npm install -g  vue

![image-20220123122841566][]  
如图说明运行成功.  
![image-20220123123048218][]

打开C:\\Program Files\\nodejs\\node\_global\\node\_modules目录，可以发现多了一个vue 的文件夹，说明安装成功！

#### 五、常见问题 ####

> 总结了一些大家在安装及环境配置时容易出现的一些问题，分享给大家，希望对大家有帮助。

##### 一、运行npm install 时，卡在sill idealTree buildDeps没有反应. #####

![image-20220123004046909][]  
**解决方案：** 更换淘宝镜像

1.可以使用如下命令设置为淘宝的镜像源： `npm config set registry https://registry.npm.taobao.org`

2.使用如下命令检验是否成功：`npm config get registry`

3.再次 npm install

##### 二、Error: EPERM: operation not permitted, mkdir ‘C:\\node\\node\_cache’ #####

**解决方案：**：提升操作权限，在任务栏搜索cmd，打开的时候右键以管理员身份运行就好。

##### 三、更改环境变量容易出现的问题 #####

环境变量需要使用配置正确，C:Users\\用户名\\AppData\\Roaming\\npm这个用户变量需要改掉,否则问题很大。

环境变量需要有三处配置:

1.用户变量node\_ global, 例 C:\\Program Files\\nodejs\\node\_global

2.环境变量NODE\_ PATH，例 C:\\Program Files\\nodejs\\node\_global\\node\_modules 记得path中增加%NODE\_ PATH%

3.path中配置nodejs的安装目录，例 C:\\Program Files\\nodejs

[Web]: https://jumper.blog.csdn.net/article/details/113747343
[VS Code]: https://jumper.blog.csdn.net/article/details/120044481
[HTML]: https://jumper.blog.csdn.net/article/details/120873163
[CSS]: https://jumper.blog.csdn.net/article/details/121350224
[JavaScript]: https://jumper.blog.csdn.net/article/details/125818368
[Web 1]: https://jumper.blog.csdn.net/article/details/126669451
[JavaScript 1]: https://jumper.blog.csdn.net/article/details/127042045
[JSON]: https://jumper.blog.csdn.net/article/details/127058922
[AJAX]: https://jumper.blog.csdn.net/article/details/127077222
[Axios]: https://jumper.blog.csdn.net/article/details/127456907
[Bootstrap]: https://jumper.blog.csdn.net/article/details/127579513
[Node.js]: https://jumper.blog.csdn.net/article/details/122649972
[Webpack]: https://jumper.blog.csdn.net/article/details/128623065
[uni-app]: https://jumper.blog.csdn.net/article/details/119346463
[uView UI_uniapp]: https://jumper.blog.csdn.net/article/details/119283397
[Nginx]: https://jumper.blog.csdn.net/article/details/128655623
[Chrome V8]: https://v8.dev/
[image-20220123104441804]: https://img-blog.csdnimg.cn/img_convert/81779f8b6cba57cd49c92c45d77ea419.png
[https_nodejs.org_zh-cn]: https://nodejs.org/zh-cn/
[https_nodejs.org_zh-cn_download]: https://nodejs.org/zh-cn/download/
[image-20220123005804496]: https://img-blog.csdnimg.cn/img_convert/b2db4f5e0ed7c430bbe64cf0f0390df8.png
[image-20220123010553929]: https://img-blog.csdnimg.cn/img_convert/3fcff4836441f46656399cb340faf09e.png
[image-20220123124321114]: https://img-blog.csdnimg.cn/img_convert/325ad4767933332da13926406661061f.png
[image-20220123121552342]: https://img-blog.csdnimg.cn/img_convert/7de75a13debbef4582351df56ca03c6a.png
[image-20220123122841566]: https://img-blog.csdnimg.cn/img_convert/ea1f126c990a466e367cf49b7effa38a.png
[image-20220123123048218]: https://img-blog.csdnimg.cn/img_convert/c58d2de051fe1fa2b0b736966e9cf391.png
[image-20220123004046909]: https://img-blog.csdnimg.cn/img_convert/f0409b15de0e12f07777fdac0240df76.png