vue2.0和vue3.0在win 10 系统中同时存在

想学习vue3.0，但是过去的项目都是vue2.0集成的，想在win 10 上同时存在两种，又能用新的，又能兼顾旧的，两全其美，真的是再好不过啦！我也是在网上找了找，发现这个方法确实可以实现，所以，开整吧！

一、查看nodejs版本

1. vue3.0支持的node.js版本在8.9或者更高版本，所以需要先安装适合vue3.0的node.js，或者直接使用nvm查看本机node版本。

nvm list # 查看所有版本

2. 切换到需要用的版本。

nvm use   # 切换使用指定版本

3. 如果没有nvm则点击下载，nvm-noinstall.zip为绿色安全版，使用时需要配置，nvm-setup.zip为安装版（推荐使用）。安装时需要在第三步选择一下nodejs路径，完成安转即可。在cmd中输入nvm查看是否安装成功。
   

   安装成功

4. 常用命令

nvm list installed # 查看已经安装的版本
nvm list available # 查看网络可以安装的版本
nvm version # 显示当前版本
nvm install # 安装最新版本的nvm
nvm install   # 安装指定版本
nvm uninstall   # 卸载指定版本
nvm ls  # 列出所有版本
nvm current # 显示当前版本
nvm alias   # 给不同的版本号添加别名
nvm unalias  # 删除已定义的别名
nvm reinstall-packages   # 在当前版本的node环节下，重新全局安装指定版本号的npm包
nvm on # 打开nodejs控制
nvm off # 关闭nodejs控制
nvm proxy # 查看设置与代理
nvm node_mirror [url] # 设置或者查看setting.txt中的node_mirror，如果不设置的默认是 https://nodejs.org/dist/
nvm npm_mirror [url] # 设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是： https://github.com/npm/npm/archive/.
nvm use [version] [arch] # 切换指定的node版本和位数
nvm root [path] # 设置和查看root路径

二 、局部安装vue3.0

1. 选择一个（除了C盘）的任意一个盘，新建文件夹vue3，进入vue3文件夹，进行局部安装；

npm install @vue/cli

2. 安装好后，输入ls查看文件夹中的所有文件；
   
   vue3文件夹下的所有文件
3. 在文件夹中通过路径D:\vue3\node_modules\.bin找到vue和vue.cmd文件，修改名称为vue3和vue3.cmd，因为原文件名已经被vue2.0占用，所以进行修改，避免冲突；
4. 把文件直接拖到终端中，就会出现路径，直接执行后可以看到相关版本，如果去掉--version后，可以看到相关详细信息；
   
   相关操作展示

三、全局配置

1. 选中计算机，右键打开属性，选择高级系统设置后，看到系统属性后，选择环境变量；
   
   修改全局配置步骤图
2. 新建系统变量，注意变量值不要写错，就是vue3.0的目录，选择到.bin就可以，点击确定，新建成功；
   
   新建系统变量
3. 修改path的变量，双击打开，选择新建，注意，变量名需要用%%包着，在系统变量和用户变量中都要修改path变量；
   
   修改path的系统变量，用户变量同理

注：如果不是win10 ，则变量名需要用;隔开。

4. 在终端查看全局是否配置成功；

   
   
   全局配置成功返回版本号