NodeJs 的安装及配置环境变量

  • 一、Node.js 下载与安装
  • 二、Node.js环境变量配置
  • 三、国内镜像网站配置


注意:以下涉及到在cmd终端中的配置:
以管理员身份开启 cmd 窗口
以管理员身份开启 cmd 窗口
以管理员身份开启 cmd 窗口
以管理员身份打开方式如下:

nodejs child_process执行命令 nodejs执行cmd命令_环境变量配置


出现此面板后,直接 按住

Shift + Ctrl + Enter

,就会弹出是否以管理员身份打开终端的确认弹窗,点击按钮

,就可以了

一、Node.js 下载与安装

下载

  1. Node官网 上,下载对应的安装包

    这里下载的是 64位window系统 的安装文件 node-v14.15.3-x64

安装

  1. 点击安装文件,开始安装 node.js
  2. nodejs child_process执行命令 nodejs执行cmd命令_nodejs_02

  3. 点击 Next
    初次安装
  4. nodejs child_process执行命令 nodejs执行cmd命令_环境变量_03

  5. 已安装NodeJs,再次安装
  6. nodejs child_process执行命令 nodejs执行cmd命令_环境变量配置_04

  7. 勾选同意选项(I accept the terms …),并点击 Next (下一步)
  8. nodejs child_process执行命令 nodejs执行cmd命令_node.js_05

  9. 选择node.js的安装目录,这里选择安装在E盘
  10. nodejs child_process执行命令 nodejs执行cmd命令_环境变量配置_06

  11. 接着一直点击 Next (下一步) 到下面的界面
  12. nodejs child_process执行命令 nodejs执行cmd命令_node.js_07

  13. 点击 Install (安装)
  14. nodejs child_process执行命令 nodejs执行cmd命令_nodejs_08

  15. 点击 Finish,完成安装
  16. nodejs child_process执行命令 nodejs执行cmd命令_环境变量_09

  17. 使用 window + R 快捷键,启动 cmd命令行 验证 node.js 是否安装成功
  18. nodejs child_process执行命令 nodejs执行cmd命令_环境变量配置_10

  19. 出现以上情况,即表示安装成功

二、Node.js环境变量配置

  • 在上面已经完成了 node.js 的安装,即使不进行此步骤的环境变量配置也不影响node.js的使用
  • 但是,若不进行环境变量配置,那么在使用命令安装 node.js全局模块 (如:npm install -g vue)时,会默认安装到C盘的路径 (C:\Users\hua\AppData\Roaming\npm) 中
  • 因此,需要配置 全局安装模块 node_global 以及 缓存目录 node_cache
  1. node.js的安装目录中,新建两个文件夹 node_globalnode_cache,分别用来存放安装的全局模块和全局缓存信息
  2. nodejs child_process执行命令 nodejs执行cmd命令_node.js_11

  3. 创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径):
# 设置全局模块安装路径
  npm config set prefix "E:\leading\NodeJs\info\node_global"
  # 设置全局缓存存放路径
  npm config set cache "E:\leading\NodeJs\info\node_cache"

命令执行,效果如图:

nodejs child_process执行命令 nodejs执行cmd命令_node.js_12

  1. 设置电脑环境变量,环境变量界面打开顺序:右键 “我的电脑”=》属性=》高级系统设置=》环境变量 ,具体实行过程,请看下图:
  2. 进入环境变量对话框,在【系统变量】中新建环境变量 NODE_PATH,值为 E:\leading\NodeJs\info\node_global\node_modules,其中 E:\leading\NodeJs\info\node_global 是新创建的全局模块安装路径
  3. 修改【用户变量】中的 path 变量,将 C:\Users\86135\AppData\Roaming\npm 修改为E:\leading\NodeJs\info\node_global修改前

    修改后
  4. 点击确定后,配置完成。
  5. 测试是否配置成功,在 cmd 窗口中输入以下指令 全局安装Vue模块
npm install -g vue # -g 表示全局安装

执行效果,如图所示:

nodejs child_process执行命令 nodejs执行cmd命令_node.js_13


vue 模块安装目录,如图所示:

nodejs child_process执行命令 nodejs执行cmd命令_环境变量_14


可以看出,node.js环境变量配置成功。

  1. 至此,node.js安装和环境变量配置全部完成。

注意

配置完,一定要重启,否则不生效

配置完,一定要重启,否则不生效

配置完,一定要重启,否则不生效

三、国内镜像网站配置

配置国内镜像,解决模块安装缓慢或者失败的问题。

一般配置 淘宝npm镜像

直接切换

  1. 在 cmd 命令行中,通过命令配置淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
  1. 使用淘宝镜像下载模块,即,将 npm 替换成 cnpm 即可
cnpm install # module_name

切换工具

上述切换镜像的方式比较麻烦。这里推荐一款切换镜像的工具:nrm

  1. 使用 npm 全局安装 nrm
npm install nrm -g
  1. 执行命令,效果如下:
  2. 通过 nrm ls 命令,查看npm的仓库列表,带 * 的就是当前选中的镜像仓库:
nrm ls
  1. 执行命令,效果如下:
  2. 通过 nrm use taobao 来指定要使用的镜像源:
nrm use taobao
  1. 执行命令,效果如下:
  2. 最后,通过 nrm test npm 来测试速度:
nrm test npm