超详细的node环境配置及nvm相关配置

67 阅读3分钟

node软件的安装步骤

  1. 在node官网上找到对应的版本安装msi程序文件

1693817797657.jpg 2. 在电脑上安装程序文件

(1)接受协议 2.jpg (2)自定义安装路径 3.jpg (3)一直next直到install安装完成 4.jpg (4)在cmd中输入 node -v验证node是否安装成功

7.jpg

node环境配置

  1. 此电脑->属性->高级系统设置->高级->环境变量->系统环境变量path中,将node启动程序路径添加到系统环境变量path中。因为我装了nvm,为了避免干扰,将相关配置屏蔽。 5.jpg
  2. 在node安装路径下,创建node_cache和node_global文件,用于存储程序中需要安装的全局组件,避免将其安装在c盘占用空间。 6.jpg
  3. 再次打开cmd窗口,输入以下命令。

(1)npm config set prefix "D:\node.js\node_global" (2)npm config set cache "D:\node.js\node_cache" 4. 再次打开系统环境变量,新建变量名“NODE_PATH”,其值为D:\node.js\node_global\node_modules,用来告诉系统,下载的全局模块或者包都在这里了。

8.jpg 5. 编辑用户变量(环境变量)的 path,将默认的 C 盘下 APPData\Roaming\npm 修改成 D:\node.js\node_global,点击确定。

9.jpg

10.jpg 6. 安装一个全局包进行验证

11.jpg

12.jpg

nvm软件的安装过程

  • 当接触公司项目时,难免会遇到以前在不同Node版本下创建的项目。
  • 因为项目中安装的插件是与node配套的,不可能遇到一个版本就去重新下载不同版本的node。
  • nvm就是一款管理node版本的软件,我们可以很方便的使用各个指令下载、切换、管理不同版本的node。
  1. 在官方github上下载nvm运行程序,地址:Releases · coreybutler/nvm-windows (github.com)

5.jpg 2. 接受协议 1.jpg 3. 选择nvm程序安装路径 2.jpg 4. 选择nvm管理的当前node版本的路径 3.jpg 5. 开始安装 4.jpg

nvm的环境配置

  1. 配置settings文件,添加两条配置指令,防止使用nvm指令下载node版本时,下载配套的npm失败。

node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/ 6.jpg 2. 在用户环境变量中出现如下两条配置,表示安装成功;或则在cmd中输入 nvm -v,出现对应版本号说明安装成功。

7.jpg 3. 在nvm的安装目录中新建node_cache,node_global两个文件夹,目的和在node的配置中一样,都是为了存储安装的全局插件。

8.jpg

  1. 打开cmd,输入一下两条命令,目的不赘述

npm config set prefix "D:\nvm\node_global" npm config set cache "D:\nvm\node_cache"

9.jpg 5. 设置用户环境变量,要保证三条框出来的都有,最后一条时自己新建的。

10.jpg 6. 设置系统变量NODE_PATH

10.jpg 7. 设置系统变量Path,框起来的第三条是自己加的 12.jpg 8. 随便安装一个版本的node

13.jpg

14.jpg 9. 安装一个全局插件,好家伙出现问题了

(1)第一个问题,网上说node版本太低了

15.jpg (2)升级版本后,又出现另外一个问题

16.jpg (3)解决方法:使用cnpm,据说是npm安装插件过程中失败了,也会又一部本残留,继而影响下一次的安装。

17.jpg

nvm常用命令

  1. nvm list:查看nvm管理的node版本
  2. nvm install 版本号:安装对应版本的node
  3. nvm use 版本号:切换node
  4. nvm uninstall 版本号:卸载对应的版本号