0
点赞
收藏
分享

微信扫一扫

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)


前言:建议全部按照步骤一步一步安装。以下步骤是我新电脑搭建node环境一步一步安装到截图。自己可以更改安装的位置、但是建议和本博客的位置统一。

文章目录

  • ​​1、Node.js安装说明​​
  • ​​2、 全局配置(cnpm)​​
  • ​​2.1. 配置 npm 在安装全局模块时的路径和缓存 cache 的路径​​
  • ​​2.2. 安装 cnpm​​
  • ​​3 安装 nrm​​
  • ​​3.1. 什么是 nrm​​
  • ​​3.2. 安装 nrm​​
  • ​​3.3. 使用 nrm​​
  • ​​3.4. 切换​​
  • ​​3.5. 增加​​
  • ​​3.6. 删除​​
  • ​​3.7. 测试速度​​

1、Node.js安装说明

链接:​​64位安装包​​​ 提取码:​​t3sq​

双击安装包打开安装向导,根据向导指引进行安装即可(示例安装路径为“D:\work\nodejs”)

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_系统变量


2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_系统变量_02


2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_命令行_03


2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_命令行_04


2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_npm_05


2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_npm_06


2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_系统变量_07


2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_npm_08


2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_系统变量_09


安装完成,测试安装是否成功,打开命令行窗口(按 Win+R 键,输入 CMD),分别输入 ​​node -v​​​ 和 ​​npm -v​​ 分别查看 node 和 npm 的版本号,如下图所示

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_系统变量_10


安装完成后系统目录如图所示(其中,npm 随安装程序自动安装,作用就是对 Node.js

依赖的包进行管理):

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_npm_11

2、 全局配置(cnpm)

2.1. 配置 npm 在安装全局模块时的路径和缓存 cache 的路径

因为在执行例如 npm install webpack -g 等命令全局安装的时候,默认会将模块安装在 C:\Users\用户名\AppData\Roaming 路径下的 ​​npm ​​​和​​npm_cache ​​​中,不方便管理且占用 C盘空间,所以这里配置自定义的全局模块安装目录,在 node.js 安装目录下新建两个文件夹​​node_global​​​ 和 ​​node_cache​​,如图所示:

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_系统变量_12


然后在 cmd 命令下执行如下两个命令:

npm config set prefix "D:\work\nodejs\node_global"
npm config set cache "D:\work\nodejs\node_cache"

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_npm_13

在系统环境变量添加​​ NODE_PATH​​​,输入路径为:​​D:\work\nodejs\node_global​​​ 操作如下:我的电脑右击,打开属性->高级系统设置->环境变量->新建(系统变量下)
->输入变量名 NODE_PATH->变量值:输入上面路径,确定即可

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_node.js_14

2.2. 安装 cnpm

安装 cnpm,输入以下命令

npm install -g cnpm --registry=https://registry.npm.taobao.org

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_node.js_15


提示:如果这一步报错。使用管理员权限命令窗口

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_命令行_16


添加系统变量 path 的内容,因为 cnpm 会被安装到 ​​D:\work\nodejs\node_global​​下,而系统变量 path 并未包含该路径。在系统变量 path 下添加该路径即可正常使用 cnpm。如图,修改系统变量 path

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_node.js_17


2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_命令行_18

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_命令行_19


友情提示: 如果你输入cnpm -v 后发现既没有报错也没有输出版本信息。这个时候你可以重新开一个命令窗口。如果还是不行。建议你直接在命令行中再次执行

我的就是这种情况。(这个问题我找了有半个小时、就离谱)

npm install -g cnpm --registry=https://registry.npm.taobao.org

3 安装 nrm

3.1. 什么是 nrm

nrm 是一个 npm 源管理器,允许你快速地在 npm 源间切换。

3.2. 安装 nrm

在命令行执行命令,​​npm install -g nrm​​,全局安装 nrm。

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_命令行_20

3.3. 使用 nrm

执行命令 nrm ls 查看可选的源。

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_命令行_21

3.4. 切换

如果要切换到 taobao 源,执行命令 nrm use taobao

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_系统变量_22

3.5. 增加

可以增加定制的源,特别适用于添加企业内部的私有源,执行命令​​nrm add <registry><url>​​,其中 reigstry 为源名,url 为源的路径。

2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)_命令行_23

3.6. 删除

执行命令 nrm del 删除对应的源。

3.7. 测试速度

通过 nrm test 测试相应源的响应时间


举报

相关推荐

0 条评论