Windows中通过NVM安装和切换各个NodeJS版本
1、🥇下载nvm
下载地址:https://github.com/coreybutler/nvm-windows/releases
如我们下载:https://github.com/coreybutler/nvm-windows/releases/download/1.1.12/nvm-setup.exe
2、🥈安装nvm
在安装前,最好将已安装的NodeJS卸载掉,避免出现不必要的问题。
-
选择NVM安装目录,如下所示:
-
选择NodeJS存储目录,如下所示:
-
最后点击安装即可,如下所示:
3、🥉检测nvm
我们以管理员身份运行CMD,然后执行nvm -v
命令即可查看NVM安装的版本号,如果出现了相应的版本号,说明nvm已经安装成功了,如下图所示:
4、🏅配置nvm
我们可以将node和npm的镜像地址修改为淘宝镜像。
打开D:\Net_Program\Net_Nvm\nvm\settings.txt
文件,在最后加入如下配置即可:
## node淘宝镜像
node_mirror: https://npmmirror.com/mirrors/node/
## npm淘宝镜像
npm_mirror: https://npmmirror.com/mirrors/npm/
5、🏆使用nvm
我们以管理员身份运行CMD。
-
输入命令
nvm list available
可查看当前可安装的NodeJS版本, -
输入命令
nvm install 具体NodeJS的版本号
即可安装对应的NodeJS,如下所示我们安装了21.6.1
、18.19.0
和16.20.2
这三个版本的NodeJS: -
输入命令
nvm list
或nvm ls
可查看已安装的NodeJS版本,如下图所示: -
输入命令
nvm use 具体NodeJS的版本号
即可切换当前NodeJS的版本号,如下图所示:再次输入
nvm list
查看已安装的NodeJS版本,我们发现21.6.1
为当前使用的版本,如下图所示: -
nvm常用命令:
// 查看nvm的版本号 nvm -v nvm v // 可查看当前可安装的NodeJS版本 nvm list available // 安装版本号为21.6.1的NodeJS nvm install 21.6.1 // 查看已安装的NodeJS版本 nvm list nvm ls // 切换版本号为21.6.1的NodeJS nvm use 21.6.1 // 卸载版本号为21.6.1的NodeJS nvm uninstall 21.6.1 // 查看当前NodeJS运行环境是64位还是32位 nvm arch // 开启NodeJS的版本管理 nvm on // 关闭NodeJS的版本管理 nvm off
到此,NVM的安装和使用就配置完成了!!!
6、🧸安装yarn
-
修改
npm
镜像地址// 查看镜像地址 npm config get registry // 设置镜像地址为淘宝(地址1,推荐): npm config set registry https://registry.npmmirror.com // 设置镜像地址为淘宝(地址2): npm config set registry https://registry.npm.taobao.org // 还原默认镜像地址 npm config set registry https://registry.npmjs.org/
-
配置用
npm
下载包时使用-g
全局安装的包路径以及缓存路径在D:\Net_Program\Net_Nvm目录中增加
node_global
(用于存放NodeJS依赖包文件)和node_cache
(用于存储下载依赖包时的文件)文件夹。在CMD中执行如下命令:
// 全局安装路径 npm config set prefix "D:\Net_Program\Net_Nvm\node_global" // 全局缓存路径 npm config set cache "D:\Net_Program\Net_Nvm\node_cache"
此时在C盘下就会生成
C:\Users\quber\.npmrc
文件,内容如下图所示: -
将
D:\Net_Program\Net_Nvm\node_global
和D:\Net_Program\Net_Nvm\node_cache
添加到环境变量中的系统变量Path中; -
在CMD中执行
npm install -g yarn
即可安装yarn
,如下图所示:此时我们在
D:\Net_Program\Net_Nvm\node_global
中就发现多了相应的文件,如下图所示:输入命令
yarn -v
即可查看yarn已安装的版本,如下图所示: -
修改yarn的镜像,命令如下所示:
// 查看镜像地址 yarn config get registry // 设置镜像地址为淘宝(地址1,推荐): yarn config set registry https://registry.npmmirror.com // 设置镜像地址为淘宝(地址2): yarn config set registry https://registry.npm.taobao.org // 还原默认镜像地址: yarn config set registry https://registry.yarnpkg.com
-
设置yarn全局安装路径和缓存路径
如下命令可查看yarn全局安装路径和缓存路径:
// 查看yarn全局安装路径 yarn global dir // 查看yarn全局缓存路径 yarn cache dir
在
D:\Net_Program\Net_Nvm
下新建yarn
文件夹,然后在yarn
中再分别新建global
和cache
文件夹,用于存放yarn全局安装文件和缓存文件,然后分别执行如下命令:// 设置yarn全局安装文件路径 yarn config set global-folder "D:\Net_Program\Net_Nvm\yarn\global" // 设置yarn全局缓存文件路径 yarn config set cache-folder "D:\Net_Program\Net_Nvm\yarn\cache"
然后执行命令
yarn config list
即可查看yarn的全局安装路径和缓存路径是否修改成功了,如下图所示:
7、🧩安装cnpm
-
在CMD中执行
npm install -g cnpm
即可安装cnpm
,如下图所示:输入命令
cnpm -v
即可查看cnpm已安装的版本,如下图所示: -
修改cnpm的镜像,命令如下所示:
// 查看镜像地址 cnpm config get registry // 设置镜像地址为淘宝(地址1,推荐): cnpm config set registry https://registry.npmmirror.com // 设置镜像地址为淘宝(地址2): cnpm config set registry https://registry.npm.taobao.org // 还原默认镜像地址: cnpm config set registry https://registry.npmmirror.com
8、🔮安装pnpm
-
在CMD中执行
npm install -g pnpm
即可安装pnpm
,如下图所示:输入命令
pnpm -v
即可查看pnpm已安装的版本,如下图所示: -
修改pnpm的镜像,命令如下所示:
// 查看镜像地址 pnpm config get registry // 设置镜像地址为淘宝(地址1,推荐): pnpm config set registry https://registry.npmmirror.com // 设置镜像地址为淘宝(地址2): pnpm config set registry https://registry.npm.taobao.org // 还原默认镜像地址: pnpm config set registry https://registry.npmjs.org
9、🏀安装nrm
nrm
(npm registry manager)是npm
镜像源管理工具,用于快速地在不同的npm
源之间切换。在中国大陆,由于网络的原因,npm
的默认源可能会出现下载速度较慢或者无法访问的情况,nrm
可以帮助开发者快速地切换到可用的源,提高包的下载速度。
-
在CMD中执行
npm install -g nrm
即可安装nrm
,如下图所示:输入命令
nrm -V
(注意:是大写的V)即可查看nrm已安装的版本,如下图所示: -
在CMD中执行
nrm -h
可显示所有命令,如下图所示: -
在CMD中执行
nrm ls
可查看所有镜像源地址,如下图所示: -
在CMD中执行
nrm test
可查看所有镜像源的访问速度,如下图所示:从上图我们可以看到,
taobao
镜像地址的访问速度是最快的。 -
在CMD中执行
nrm use taobao
即可将镜像源设置为淘宝。