windows10安装Node.js安装详细步骤教程

素颜马尾好姑娘i 2022-10-28 14:24 424阅读 0赞

# 1.下载Node.js #

官方地址：[https://nodejs.org/en/][https_nodejs.org_en]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70]

# 2.安装点击 #

### 2.1点击exe文件进行安装。 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 1]

### 2.2选择自己的安装路径（默认是c盘），选择完成后，点击下一步 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 2]

### 2.3这里四项全部安装，点击下一步 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 3]

### 2.4这里不用打勾✔，下一步 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 4]

### 2.5选择Install安装 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 5]

### 2.6查看是否安装成功 ###

在上面安装过程中已自动配置了环境变量和安装好了npm包。

进入命令提示符窗口，分别输入以下命令，显示版本号，则安装成功  
node -v：显示安装的nodejs版本  
npm -v：显示安装的npm版本

# 3.配置npm在安装全局模块时的路径和缓存cache的路径（可选，大家自行选择是否修改） #

修改的原因是在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\\Users\\用户名\\AppData\\Roaming路径下的npm和npm\_cache中，不方便管理且占用C盘空间。

### 3.1修改路径 ###

所以这里配置自定义的全局模块安装目录，在node.js安装目录下新建两个文件夹 node\_global和node\_cache，然后在cmd命令下执行如下两个命令：

npm config set prefix "创建的node_global文件夹所在路径"
    npm config set cache "创建的node_cache文件夹所在路径"

![在这里插入图片描述][20210206183404477.png]

或者需修改配置文件：  
在nodejs的安装目录下，进入node\_modules——>npm——>找到npmrc文件，打开

添加以下命令：
    prefix=创建的node_global文件夹所在路径
    cache=创建的node_cache文件夹所在路径
    
    如：
    prefix=D:\nodejs\node_global
    cache=D:\nodejs\node_cache

### 3.2配置环境变量 ###

环境变量 -> 系统变量中新建一个变量名为 “NODE\_PATH”， 值为“D:\\Node\\nodejs\\node\_modules”，如下图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 6]

修改完成后，编辑用户变量里的Path，将相应npm的路径改为：D:\\Node\\nodejs\\node\_global，如下：

之前的变量：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 7]  
修改为：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 8]

# 4.测试 #

在cmd命令下执行 npm install webpack -g 然后安装成功后可以看到自定义的两个文件夹已生效：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 9]  
webpack 也已经安装成功，执行 npm webpack -v 可以查看webpack的版本号：

[https_nodejs.org_en]: https://nodejs.org/en/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70]: /images/20221024/4584439d6d7a46fe92898a1eb6a38437.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 1]: /images/20221024/a843886ca6544f4e91055263bdbf58b1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 2]: /images/20221024/8ad5f03b10cb45fb90fdd5afa3d7b3b4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 3]: /images/20221024/4d36896b5e9247a3828b0c0c7750e563.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 4]: /images/20221024/e94526ffb5b44526948bfc339e4a9e70.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 5]: /images/20221024/a8aa291f410a4c51b385aa980c0402ef.png
[20210206183404477.png]: /images/20221024/2b5cd5d346264a1cba3a4fdf05587cc7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 6]: /images/20221024/3d41c9d92f6b40b9a323026eeac33649.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 7]: /images/20221024/cf032afe9f3940b5a22272a3930fecdd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 8]: /images/20221024/0edd7e7f66024f3dabb1e93e2a70dbc0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODkyNDUwMA_size_16_color_FFFFFF_t_70 9]: /images/20221024/438ed1780fe7450f9281616e3f12eb0b.png