nvmnode.jsnpm的安装和使用。

Posted 2023-04-22

由于经常遇到不同项目使用依赖导致对node版本有不同要求，使得无法安装依赖，手动切换版本低效且麻烦，不便于管理所以使用nvm for windows来对node进行多版本管理。

由于经常遇到不同项目使用依赖导致对node版本有不同要求，使得无法安装依赖，手动切换版本低效且麻烦，不便于管理所以使用nvm for windows来对node进行多版本管理。

卸载已经安装的版本

• 删除NODE_PATH和Path里等一切旧版本相关配置的环境变量
• 在%User%下删除或备份.npmrc文件

下载nvm

• 打开nvm for windows官方仓库
• 下载最新版nvm的便携版，即“nvm-noinstall.zip”

安装nvm for windows

• 解压至所需目录

• Win + R，输入sysdm.cpl添加环境变量

  • %NVM_HOME% ：nvm解压目录，即nvm安装目录

  • %NVM_SYMLINK% ：nodejs的目标安装目录

• 将以上环境变量再添加至%Path%中

• 在%NVM_HOME%中创建“settings.txt”文件

• 添加以下内容

  root: C:\\xxx\\nvm
  path: C:\\xxx\\nodejs
  arch: 64
  proxy: none
  node_mirror: https://npmmirror.com/mirrors/node/
  npm_mirror: https://npmmirror.com/mirrors/npm/

安装node

打开终端，运行nvm，输出以下内容说明安装成功

C:\\xxx\\>nvm

Running version x.x.xx.

Usage: ......

查看可用版本

nvm list available

安装所需版本

nvm install 18.12.1

切换到版本

nvm use 18.12.1

配置npm

在nvm use 执行时会自动安装相应的npm，故直接进行npm配置

首先在nvm配置下nodejs安装目录新建node_global和node_cache目录

npm config set prefix "C:\\xxx\\nodejs\\node_global"
npm config set cache "C:\\xxx\\nodejs\\node_cache"
npm config set registry https://registry.npmmirror.com/

测试

npm install create-vue -g

检查对应目录下是否安装成功，配置是否生效

可能遇到的问题

• nvm配置后使用时提示找不到settings.txt文件，重新启动终端或系统即可。

其它

官方安装手册

nvm在windows下的实现机制 —— 既是文件夹又是超链接的symlinks - 知乎

window下安装nvmnode.jsnpm的步骤

1.下载nvm(nodejs版本管理工具)

https://github.com/coreybutler/nvm-windows/releases

下载nvm-noinstall.zip，解压即可使用

2.双击install.cmd，直接回车，默认在c盘生成settings.txt

3.配置settings.txt

root:E:\front_end\nvm //nvm.exe所在目录

path:E:\front_end\nodejs //node快捷方式所在的路径

arch: 64 //当前系统多少位的

proxy:none //代理，设置为none或者不用配置

附：不要在path对应的目录下存在nodejs文件或者文件夹，因为后面nvm要创建名称为nodejs快捷方式，否则因为文件名称冲突而导致创建快捷方式失败

4.配置环境变量(可通过 window+r —> sysdm.cpl —> 高级 —>环境变量)

NVM_HOME=E:\front_end\nvm //nvm.exe所在目录

NVM_SYMLINK=E:\front_end\nodejs //node 快捷方式所在的目录

PATH += %NVM_HOME%;%NVM_SYMLINK%;

5. 命令行nvm v 或者nvm version 查看nvm的版本号，验证是否安装配置成功

6. nvm常用命令(命令行执行)：

nvm install latest //安装最新版本的node.js；node -v 查看node.js的版本号

nvm list //列出所有已经安装的node.js版本号

nvm use [版本号] //使用哪一个版本的node.js；使用哪一个版本第二步的path下的nodejs快捷方式就指向哪个版本的nodejs模块

nvm node_mirror [url] //设置node下载源,不写url设置回默认，默认是https://nodejs.org/dist/

nvm npm_mirror [url] //设置npm下载源,不写url设置回默认，默认是https://github.com/npm/npm/archive/

nvm install <version> [arch] //安装指定版本的node.js，version可通过上面的地址查看，acrh系统多少位(32或者64，不写默认64)

以上是使用nvm可以安装和管理不同版本的node.js，而每一个版本的node.js都自带了一个npm模块

7.下面是安装一个全局的npm的步骤(npm既是一个包管理器，也是一个具体的模块)

1. 打开命令行，执行 npm config set prefix="E:\front_end\npm" 配置npm的全局安装路径

在当前用户目录下生成一个.npmrc文件，内容如下所示：prefix=E:\front_end\npm

2. 执行npm install npm -g，就会在prefix对应的路径下安装一个全局的npm包了，npm安装其他包的时候加上-g，也会安装在这个目录，而且使用的是这时全局的npm。

如果不使用全局的npm安装其他包，使用这一指定版本的npm安装的包，nvm use切换到其他版本的npm怎么使用不了。 

3. 配置 NPM_HOME 环境变量

   NPM_HOME=E:\front_end\npm

path环境变量添加%NPM_HOME%，注意：要将这个环境变量放在%NVM_SYMLINK% 的前面才有生效，否则被它抢先覆盖了。

附：配置好环境变量后记得重新打开命令行窗口才能生效。 

8. 安装cnpm(中国版的npm，下载源不同)

npm install cnpm -g --registry=http://r.cnpmjs.org //安装cnpm

cnpm install bower //使用cnpm安装bower包

9. nrm的安装(npm registry manager，即npm的下载源管理工具)

npm install nrm -g //安装nrm

nrm ls //显示所有可用的下载源

nrm use [xxx] //使用指定的下载源