案例安装后环境版本
>nvm -V
1.1.7
>node -v
v15.14.0
>vue -V
@vue/cli 4.5.12
1.nvm-windows安装
https://www.cnblogs.com/dreamsqin/p/10885082.html
nodeNvm文件夹是映射文件,从当前选择的node版本选择,比如nvm选择了v15.10.0,那么nodeNvm里面的内容,就算nvm/v15.10.0文件夹的内容
2.node缓存路径修改,不要放C盘
//www.greatytc.com/p/7d60bf86bc0b
缓存可以可以放到nvm安装目录下,方便管理,
3.安装vue cli脚手架,支持多个脚手架并存
考虑到以后可能会出现新旧项目开发维护,cli版本可能不一样,所以,必须要求配置成可以共存的方法。
**1.在nvm目录下创建cli对应版本文件夹,统一管理和删除?**
D:\tool\nvm\vueCli\V4.5.12
**2.进入V4.5.12npm下载对应版本**
cnpm install @vue/cli@4.5.12
**3.进入.bin文件夹,重命名,vue修改为vue4,vue.cmd修改vue4.cmd**
D:\tool\nvm\vueCli\V4.5.12\node_modules\.bin
4.增加环境变量,不然dos无法使用vue4 xxx操作的
新建系统变量
VUE_CLI4.5.12
D:\tool\nvm\vueCli\V4.5.12\node_modules\.bin
把%VUE_CLI4.5.12% 加入到path中
5.重启电脑,或者关闭所有cmd控制台,因为环境变量在旧的控制器不会刷新的
重启后cmd输入
C:\Users\myhcj>vue4 -V
@vue/cli 4.5.12
###6.最后效果,nvm控制node版本,npm支持cnpm,缓存和全局路径修改,vuecli支持多版本共存
展示的只是单个版本,其实有多个版本也可以直接仿照这个跑就可以了,同个系列理论上变更不会很大,如果有细微差别,可以在vue重命名的适合,细化到版本好命名,比如vue4_5_12 vue4_5_12.cmd
参考地址:
同一台电脑 实现 vue-cli2和vue-cli3同时并存
https://blog.csdn.net/Jioho_chen/article/details/90455778
nvm介绍及使用
//www.greatytc.com/p/d0e0935b150a
安装npm及cnpm(Windows)修改全局下载和缓存路径
https://www.cnblogs.com/liaojie970/p/9296177.html