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

image


2、🥈安装nvm

在安装前,最好将已安装的NodeJS卸载掉,避免出现不必要的问题。

  1. 选择NVM安装目录,如下所示:

    image

  2. 选择NodeJS存储目录,如下所示:

    image

  3. 最后点击安装即可,如下所示:

    image


3、🥉检测nvm

我们以管理员身份运行CMD,然后执行nvm -v命令即可查看NVM安装的版本号,如果出现了相应的版本号,说明nvm已经安装成功了,如下图所示:

image


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/

image


5、🏆使用nvm

我们以管理员身份运行CMD。

  1. 输入命令nvm list available可查看当前可安装的NodeJS版本,

    image

  2. 输入命令nvm install 具体NodeJS的版本号即可安装对应的NodeJS,如下所示我们安装了21.6.118.19.016.20.2这三个版本的NodeJS:

    image

  3. 输入命令nvm listnvm ls可查看已安装的NodeJS版本,如下图所示:

    image

  4. 输入命令nvm use 具体NodeJS的版本号即可切换当前NodeJS的版本号,如下图所示:

    image

    再次输入nvm list查看已安装的NodeJS版本,我们发现21.6.1为当前使用的版本,如下图所示:

    image

  5. 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

  1. 修改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/
    
  2. 配置用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"
    

    image

    此时在C盘下就会生成C:\Users\quber\.npmrc文件,内容如下图所示:

    image

  3. D:\Net_Program\Net_Nvm\node_globalD:\Net_Program\Net_Nvm\node_cache添加到环境变量中的系统变量Path中;

  4. 在CMD中执行npm install -g yarn即可安装yarn,如下图所示:

    image

    此时我们在D:\Net_Program\Net_Nvm\node_global中就发现多了相应的文件,如下图所示:

    image

    输入命令yarn -v即可查看yarn已安装的版本,如下图所示:

    image

  5. 修改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
    

    image

  6. 设置yarn全局安装路径和缓存路径

    如下命令可查看yarn全局安装路径和缓存路径:

    // 查看yarn全局安装路径
    yarn global dir
    
    // 查看yarn全局缓存路径
    yarn cache dir
    

    D:\Net_Program\Net_Nvm下新建yarn文件夹,然后在yarn中再分别新建globalcache文件夹,用于存放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"
    

    image

    然后执行命令yarn config list即可查看yarn的全局安装路径和缓存路径是否修改成功了,如下图所示:

    image


7、🧩安装cnpm

  1. 在CMD中执行npm install -g cnpm即可安装cnpm,如下图所示:

    image

    输入命令cnpm -v即可查看cnpm已安装的版本,如下图所示:

    image

  2. 修改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

  1. 在CMD中执行npm install -g pnpm即可安装pnpm,如下图所示:

    image

    输入命令pnpm -v即可查看pnpm已安装的版本,如下图所示:

    image

  2. 修改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可以帮助开发者快速地切换到可用的源,提高包的下载速度。

  1. 在CMD中执行npm install -g nrm即可安装nrm,如下图所示:

    image

    输入命令nrm -V(注意:是大写的V)即可查看nrm已安装的版本,如下图所示:

    image

  2. 在CMD中执行nrm -h可显示所有命令,如下图所示:

    image

  3. 在CMD中执行nrm ls可查看所有镜像源地址,如下图所示:

    image

  4. 在CMD中执行nrm test可查看所有镜像源的访问速度,如下图所示:

    image

    从上图我们可以看到,taobao镜像地址的访问速度是最快的。

  5. 在CMD中执行nrm use taobao即可将镜像源设置为淘宝。

posted @ 2024-02-04 15:53  Qubernet  阅读(559)  评论(0编辑  收藏  举报
🛧