Windows系统安装多nodejs版本控制工具nvm

雨点打透心脏的1/2处 2024-03-25 09:28 89阅读 0赞

记录一下在windows系统安装多nodejs版本控制工具nvm

开源地址(没有windows)

https://github.com/nvm-sh/nvm

开源地址(windows)

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

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

![nvm][]  
安装依照步骤就可以，安装路径根据个人习惯

![nvm][nvm 1]  
![nvm][nvm 2]  
![nvm][nvm 3]  
查看安装是否成功  
![nvm][nvm 4]  
安装成功之后，为了使用更加的方便快捷，修改下nvm的配置，找到配置文件  
![nvm][nvm 5]

root: C:\DevelopIDE\nodejsNvm\nvm
    path: C:\DevelopIDE\nodejsNvm\nodejs
    arch: 64 
    proxy: none
    node_mirror: http://npm.taobao.org/mirrors/node/
    npm_mirror: https://npm.taobao.org/mirrors/npm/

**nvm的环境变量**

在我的电脑鼠标右键属性里找到  
![nvm][nvm 6]  
查看环境变量已经配置好了，无需再配  
![nvm][nvm 7]

**查看版本的指令**

nvm list

**安装某个版本的nodejs指令**

nvm install 14.17.6
    nvm install v14.17.6
    
    nvm install 16.0.0
    nvm install v16.0.0

PS C:\Users\18380\Desktop> nvm install v14.17.6
    Downloading node.js version 14.17.6 (64-bit)...
    Complete
    Creating C:\DevelopIDE\nodejsNvm\nvm\temp
    
    Downloading npm version 6.14.15... Complete
    Installing npm v6.14.15...
    
    Installation complete. If you want to use this version, type
    
    nvm use 14.17.6
    PS C:\Users\18380\Desktop>

PS C:\Users\18380\Desktop> nvm uninstall 6.0.0
    Uninstalling node v6.0.0... done
    PS C:\Users\18380\Desktop> nvm install 16.0.0
    Downloading node.js version 16.0.0 (64-bit)...
    Complete
    Creating C:\DevelopIDE\nodejsNvm\nvm\temp
    
    Downloading npm version 7.10.0... Complete
    Installing npm v7.10.0...
    
    Installation complete. If you want to use this version, type
    
    nvm use 16.0.0
    PS C:\Users\18380\Desktop>

**安装是否成功，一定要看信息里有没有fail 有可能网络不好的情况会导致安装出现异常**

**卸载某个版本的nodejs指令**

nvm uninstall 14.17.6
    nvm uninstall v14.17.6
    
    nvm uninstall 16.0.0
    nvm uninstall v16.0.0

**查看nvm支持安装的nodejs版本(实际上我安装了上面没显示的版本也是可以的)**

nvm list available

PS C:\Users\18380\Desktop> nvm list available
    
    |   CURRENT    |     LTS      |  OLD STABLE  | OLD UNSTABLE |
    |--------------|--------------|--------------|--------------|
    |    19.7.0    |   18.15.0    |   0.12.18    |   0.11.16    |
    |    19.6.1    |   18.14.2    |   0.12.17    |   0.11.15    |
    |    19.6.0    |   18.14.1    |   0.12.16    |   0.11.14    |
    |    19.5.0    |   18.14.0    |   0.12.15    |   0.11.13    |
    |    19.4.0    |   18.13.0    |   0.12.14    |   0.11.12    |
    |    19.3.0    |   18.12.1    |   0.12.13    |   0.11.11    |
    |    19.2.0    |   18.12.0    |   0.12.12    |   0.11.10    |
    |    19.1.0    |   16.19.1    |   0.12.11    |    0.11.9    |
    |    19.0.1    |   16.19.0    |   0.12.10    |    0.11.8    |
    |    19.0.0    |   16.18.1    |    0.12.9    |    0.11.7    |
    |   18.11.0    |   16.18.0    |    0.12.8    |    0.11.6    |
    |   18.10.0    |   16.17.1    |    0.12.7    |    0.11.5    |
    |    18.9.1    |   16.17.0    |    0.12.6    |    0.11.4    |
    |    18.9.0    |   16.16.0    |    0.12.5    |    0.11.3    |
    |    18.8.0    |   16.15.1    |    0.12.4    |    0.11.2    |
    |    18.7.0    |   16.15.0    |    0.12.3    |    0.11.1    |
    |    18.6.0    |   16.14.2    |    0.12.2    |    0.11.0    |
    |    18.5.0    |   16.14.1    |    0.12.1    |    0.9.12    |
    |    18.4.0    |   16.14.0    |    0.12.0    |    0.9.11    |
    |    18.3.0    |   16.13.2    |   0.10.48    |    0.9.10    |
    
    This is a partial list. For a complete list, visit https://nodejs.org/en/download/releases
    PS C:\Users\18380\Desktop>

**切换某个版本的nodejs(一次只能使用某个版本，多版本不能共同使用)**

nvm use 14.17.6
    
    nvm use 16.0.0

PS C:\Users\18380\Desktop> nvm list
    
        16.0.0
        14.17.6
    PS C:\Users\18380\Desktop> nvm use 14.17.6
    Now using node v14.17.6 (64-bit)
    PS C:\Users\18380\Desktop>

**禁用和启用nvm版本管理工具，实际几乎不会用到**

nvm off
    
    nvm on

**node.js环境变量配置**

在我的nvm的安装目录(C:\\DevelopIDE\\nodejsNvm\\nvm)下面新建两个文件夹  
![node][]  
CMD窗口使用指令

npm config set prefix "C:\DevelopIDE\nodejsNvm\nvm\node_global"
     
    npm config set cache "C:\DevelopIDE\nodejsNvm\nvm\node_cache"

PS C:\>
    PS C:\> npm config set prefix "C:\DevelopIDE\nodejsNvm\nvm\node_global"
    PS C:\> npm config set cache "C:\DevelopIDE\nodejsNvm\nvm\node_cache"
    PS C:\> npm config list
    ; cli configs
    metrics-registry = "http://registry.npm.taobao.org/"
    scope = ""
    user-agent = "npm/6.14.15 node/v14.17.6 win32 x64"
    
    ; userconfig C:\Users\18380\.npmrc
    cache = "C:\\DevelopIDE\\nodejsNvm\\nvm\\node_cache"
    prefix = "C:\\DevelopIDE\\nodejsNvm\\nvm\\node_global"
    registry = "http://registry.npm.taobao.org/"
    
    ; node bin location = C:\DevelopIDE\nodejsNvm\nodejs\node.exe
    ; cwd = C:\
    ; HOME = C:\Users\18380
    ; "npm config ls -l" to show all defaults.
    
    PS C:\>

环境变量配置(系统环境和用户环境)

Path
     
    C:\DevelopIDE\nodejsNvm\nvm\node_global

还有一个系统环境变量

NODE_PATH
    C:\DevelopIDE\nodejsNvm\nvm\node_global\node_modules

**安装和卸载vue、vue-cli、webpack**

npm install vue -g
    npm install vue-cli -g
    npm install webpack -g

npm uninstall vue -g
    npm uninstall vue-cli -g
    npm uninstall webpack -g

**一般不使用 vue vue-cli和webpack 直接使用（@vue/cli）的脚手架，一套快速生成基于vue前端框架的代码生成器**

npm install -g @vue/cli
    带版本
    npm install -g @vue/cli@4.5.0
    
    npm install -g @vue/cli@4.5.19

[nvm]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/872bf4c9039b4fad83f5d8447f5c9017.png
[nvm 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/3685b3d3d68d4a9ea8901150c783566b.png
[nvm 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/7ff33fa470024ec4a7fc7b7eec13a097.png
[nvm 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/513adb781c3343a8b67d965ce80ec639.png
[nvm 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/d6aee719ba22489bae82deb8f1601c34.png
[nvm 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/abb57e3f47834c05bdeb8ce5f33c8f03.png
[nvm 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/789c3808fd6048b9b1c2bc2fdb917f05.png
[nvm 7]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/c86602e43f1d464f9fa0230ac38aa4b0.png
[node]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/2f91b0819cb6446abcb90f927b4165bd.png