gnvm入门使用

1、场景需求

  • 在前端开发过程中,常常会因为node版本的不同导致前端程序无法运行,但手动从官网重新安装过程却十分繁琐,这导致了开发还没开始就陷入了webpack的复制配置中,为了解决这个问题,在此推荐一个非常棒的node版本管理器及使用教程

2、解决方法

  • 使用要求:把本地所有的node删掉,不然会影响后面的测试

2.1、安装配置

2.1.1、安装

下载地址:

gnvm入门使用 - 图1

2.1.2、配置
  • 下载完成之后选择一个空的文件夹将其存放在该文件
    • 注:到这一步文件里面只有gnvm.exe文件,其他文件是拉取node时生成的

gnvm入门使用 - 图2

  • 配置gnvm系统变量 gnvm入门使用 - 图3
  • 测试安装情况
    • 打开cmd输入以下内容
      1. gnvm -v
  • 出现以下内容说明安装成功 gnvm入门使用 - 图4
  • 此时文件夹中会生成.gnvmrc文件,没有的可能是因为没有刷新 gnvm入门使用 - 图5

2.2、场景使用

2.2.1、配置资源下载镜像
  • 建议配置淘宝镜像
    1. gnvm config registry TAOBAO
  • 若淘宝镜像失效可切换成默认镜像
    1. gnvm config registry DEFAULT

2.2.2、拉取指定node和npm
  • 搜索指定node版本

    1. gnvm search *.*.*
    2. gnvm search 14.15.1

    gnvm入门使用 - 图6

  • 拉取指定node版本

    1. gnvm install 10.24.1

    gnvm入门使用 - 图7

  • 查看node拉取情况

    • 注:使用中的node就是global全局node
      1. gnvm ls
      gnvm入门使用 - 图8
  • 使用对应node并查看使用版本情况

    1. --使用
    2. gnvm use 版本号
    3. gnvm use 14.15.1
    4. --查看版本
    5. node -v


    gnvm入门使用 - 图9

  • 拉取指定版本npm

    • 在node搜索的结果中包含了对于版本的npm,默认下载对应版本 gnvm入门使用 - 图10
      1. gnvm npm 6.14.8
  • 查看使用情况

    1. npm -v


    gnvm入门使用 - 图11

  • 到此,以上内容都成功的话,恭喜你,大功告成,你已经是个成熟的webpack配置工程师了

  • 注册淘宝镜像
    1. npm config set registry https://registry.npm.taobao.org
  • 验证注册 ``` npm config get registry

—- 验证结果 https://registry.npm.taobao.org/ ```