windows下如何使用两个版本的nodejs

一时失言乱红尘 2023-07-07 13:57 8阅读 0赞

说在前面

有时候我们是需要两个版本的nodejs，就比如我的项目中需要用到v5.6.0版本的nodejs 但是webpack需要使用最新版本的(这个都是坑出来的，半天没找到原因)，这就需要我用到两个版本的nodejs了。d  
但是webpack还是不能使用，下面还是只针对使用两个版本切换的情况。  
查了一下就有nvm这个工具  
下载地址：  
[coreybutler/nvm-windows][coreybutler_nvm-windows]  
安装的时候  
nvm可以选择安装路径，但是nodejs是不可以选择安装路径的，否则会报错，其实nodejs后来安装都会安装到nvm的目录下面的

nvm的目录

![format_png][]

nvm的目录

nodejs的目录

![format_png 1][]

nodejs的目录

nvm的目录结构

![format_png 2][]

nvm的目录结构

比如，我的nvm的安装目录在`E:\worksoftware\nvm` nodejs选择默认安装，我在nvm下载nodejs的版本都是在nvm的目录下的  
**注意：**  
安装前，这里有一点需要注意，如果以前安装过node，需要先卸载，并且要把目录清理干净。下面是官方给的说明：

> It comes with an installer (and uninstaller), because getting it should be easy. Please note, you need to uninstall any existing versions of node.js before installing NVM for Windows. Also delete any existing nodejs installation directories (e.g., "C:\\Program Files\\nodejs") that might remain. NVM's generated symlink will not overwrite an existing (even empty) installation directory.  
> You should also delete the existing npm install location (e.g. "C:\\Users<user>\\AppData\\Roaming\\npm") so that the nvm install location will be correctly used instead. After install, reinstalling global utilities (e.g. gulp) will have to be done for each installed version of node:

卸载的直接可以点击win10图标→设置→应用→应用和功能  
卸载nodejs即可，

使用

安装完成之后就可以使用命令行了：

查看当前已经安装的nodejs的版本

> C:\\Users\\holyhui>nvm list  
> No installations recognized.  
> 因为是第一次安装，所以并没有安装任何版本的。

查看可以安装的nodejs版本

C:\Users\holyhui>nvm list available
    
    |   CURRENT    |     LTS      |  OLD STABLE  | OLD UNSTABLE |
    |--------------|--------------|--------------|--------------|
    |    10.5.0    |    8.11.3    |   0.12.18    |   0.11.16    |
    |    10.4.1    |    8.11.2    |   0.12.17    |   0.11.15    |
    |    10.4.0    |    8.11.1    |   0.12.16    |   0.11.14    |
    |    10.3.0    |    8.11.0    |   0.12.15    |   0.11.13    |
    |    10.2.1    |    8.10.0    |   0.12.14    |   0.11.12    |
    |    10.2.0    |    8.9.4     |   0.12.13    |   0.11.11    |
    |    10.1.0    |    8.9.3     |   0.12.12    |   0.11.10    |
    |    10.0.0    |    8.9.2     |   0.12.11    |    0.11.9    |
    |    9.11.2    |    8.9.1     |   0.12.10    |    0.11.8    |
    |    9.11.1    |    8.9.0     |    0.12.9    |    0.11.7    |
    |    9.11.0    |    6.14.3    |    0.12.8    |    0.11.6    |
    |    9.10.1    |    6.14.2    |    0.12.7    |    0.11.5    |
    |    9.10.0    |    6.14.1    |    0.12.6    |    0.11.4    |
    |    9.9.0     |    6.14.0    |    0.12.5    |    0.11.3    |
    |    9.8.0     |    6.13.1    |    0.12.4    |    0.11.2    |
    |    9.7.1     |    6.13.0    |    0.12.3    |    0.11.1    |
    |    9.7.0     |    6.12.3    |    0.12.2    |    0.11.0    |
    |    9.6.1     |    6.12.2    |    0.12.1    |    0.9.12    |
    |    9.6.0     |    6.12.1    |    0.12.0    |    0.9.11    |
    |    9.5.0     |    6.12.0    |   0.10.48    |    0.9.10    |
    
    This is a partial list. For a complete list, visit https://nodejs.org/download/release

安装制定版本的node

这里安装了5.6.0和10.5.0两个版本

//V5.6.0
    C:\Users\holyhui>nvm install 5.6.0
    Downloading node.js version 5.6.0 (64-bit)...
    Complete
    Creating E:\worksoftware\nvm\temp
    
    Downloading npm version 3.6.0... Complete
    Installing npm v3.6.0...
    
    Installation complete. If you want to use this version, type
    
    nvm use 5.6.0
    
    //V10.5.0
    C:\Users\holyhui>nvm install 10.5.0
    Downloading node.js version 10.5.0 (64-bit)...
    Complete
    Creating E:\worksoftware\nvm\temp
    
    Downloading npm version 6.1.0... Complete
    Installing npm v6.1.0...
    
    Installation complete. If you want to use this version, type
    
    nvm use 10.5.0

再次查看已安装的版本

C:\Users\holyhui> nvm list
    
        5.6.0
        10.5.0

使用指定版本的node

C:\Users\holyhui>nvm use 5.6.0
    Now using node v5.6.0 (64-bit)
    
    C:\Users\holyhui>nvm list
    
        10.5.0
      * 5.6.0 (Currently using 64-bit executable)
    
    C:\Users\holyhui>node -v
    v5.6.0
    
    C:\Users\holyhui>npm -v
    3.6.0
    
    C:\Users\holyhui>

删除指定版本的node

C:\Users\holyhui>npm uninstall 5.6.0
    ....

如果有gulp需要nodejs的路径，就可以吧nvm的路径复制过去。这样gulp就可以使用V5.6.0版本的nodejs，而我环境中就可以使用10.5.0了，岂不痛快。

![format_png 3][]

image.png

2. 配置npm 全局安装路径

执行下面的命令：  
后面的路径是可以自定义的

> npm config set prefix "E:\\worksoftware\\nodejs\\npm-global"

这时在C:\\Users\\用户名\\会生成个.npmrc文件，  
如我的是：

> C:\\Users\\holyhui

内容如下：

> prefix=E:\\worksoftware\\nodejs\\npm-global

去装一些全局的东西

> npm install vue -g  
> npm install webpack -g

全局的所有包都在这：

> E:\\worksoftware\\nodejs\\npm-global\\node\_modules

设置环境变量

设置——系统——关于——系统信息——高级程序设置——环境变量——xxx用户的变量

> 将用户的环境变量中 C:\\Users\\你的用户名\\AppData\\Roaming\\npm修改为E:\\worksoftware\\nodejs\\npm-global

![format_png 4][]

image.png

然后全局安装webpack

> npm install webpack -g  
> npm install webpack-cli -g  
> webpack -v  
> 4.14.0  
> 就可以出现版本了  
> 也可以随意切换nodejs

作者：holy俊辉  
链接：https://www.jianshu.com/p/fe8c9f04876b  
来源：简书  
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

[coreybutler_nvm-windows]: https://github.com/coreybutler/nvm-windows/releases
[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81MDk5OTE3LTE2MTg4MWU3ZTlhMWE1OTkucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvNTc4L2Zvcm1hdC93ZWJw?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81MDk5OTE3LWJjNmY4OWUxYmE2NjFmMzQucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvNTc5L2Zvcm1hdC93ZWJw?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81MDk5OTE3LWEzNWY5MThkZTVmZTM0MGEucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvMTA5MC9mb3JtYXQvd2VicA?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81MDk5OTE3LTA4OTRiN2QyNWUyNDllZTYucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvMTA3Mi9mb3JtYXQvd2VicA?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81MDk5OTE3LWU1MGNiNTgwNWQzZDE0NTkucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvNzk0L2Zvcm1hdC93ZWJw?x-oss-process=image/format,png