NVM-无缝切换Node版本

  • 如果未使用nvm 之前已经下载了node，并且配置了环境变量,那么此时删除这些配置(Node的环境以及Node软件),使用nvm 是为了在某些项目中使用低版本的node

  • NVM 下载

    进入github 的nvm readme： https://github.com/coreybutler/nvm-windows#readme, 点击 download

    下载(Download Now)

    点击下载： https://github.com/coreybutler/nvm-windows/releases/download/1.1.11/nvm-setup.exe

  • 下载完毕后点击使用右键以管理员方式安装

  • 终端中输入下列命令启用

    1
    		 
    nvm on

  • 在终端获取安装路径

    1
    2
    		 
    # 显示当前安装的 nvm 家目录
    nvm root
    获取安装的家目录

  • 进入nvm 家目录,在显示的目录下新建settings.txt 

    1
    2
    3
    4
    5
    6
    7
    8
    		 
    # 删除带有 # 以及后面的内容,因为文件格式为 txt 不支持注释
    root: C:\Users\33275\AppData\Roaming\nvm   # nvm 的家目录
    path: C:\Users\33275\AppData\Roaming\nvm\nodejs # 软连接目录
    arch: 64
    proxy: none

    node_mirror: https://npm.taobao.org/mirrors/node/
    npm_mirror: https://npm.taobao.org/mirrors/npm/

  • 配置环境变量,主要用于切换版本

    • NVM_HOME: 配置nvm root 显示的路径到系统环境变量

    • NVM_SYMLINK: NVM 配置Node.js 的软链接(只是一个目录)，该目录需指向并不存在的目录（NVM使用时候会自动创建) 

      1
      		 
      NVM_SYMLINK: C:\Users\33275\AppData\Roaming\nvm\nodejs # nodejs 不需要手动创建
      配置相关环境变量,没有出现nodejs 是后续添加了

    • PATH 中添加 

      1
      2
      3
      		 
      %NVM_HOME%
      # 这个路径如果安装 nvm 软件之后会自动在用户的 “环境变量中创建一份,如果需要自定义链接位置时，需要删除,否则会优先生效而导致自定义路径失效”
      %NVM_SYMLINK%

  • 测试切换版本

    • 安装版本

      1
      2
      3
      4
      		 
      # 查看可以安装的版本
      nvm list available
      # 安装,如果直接输入整数数值会自动选择一个这个版本内的版本,比如 16 => 自动选择 16.20.0
      nvm install 版本数字

    • 查看当前使用的版本

      查看当前使用的版本

    • 切换版本

      1
      2
      		 
      # 执行后需要重新启动终端
      nvm use 18
      实现无缝切换

      • 注意

        这个版本的切换会导致某些项目下载的包失效,这个失效原因就是切换了版本导致的。只需要切换回下载包的node 版本即可。

        当前项目下切换版本导致的下载失效

  • 全局安装

    • yarn

      1
      		 
      npm install -g yarn

    • vue-cli

      1
      		 
      npm install -g @vue/cli

    • webpack

      1
      2
      		 
      # npm
      npm install -g webpack webpack-cli

  • 测试安装版本

    各个组件的版本信息以及安装位置
    iuthgP.png