nvm-windows10安装及配置node

案例安装后环境版本

>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文件夹的内容

image.png

2.node缓存路径修改,不要放C盘

https://www.jianshu.com/p/7d60bf86bc0b
缓存可以可以放到nvm安装目录下,方便管理,
image.png

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
image.png

4.增加环境变量,不然dos无法使用vue4 xxx操作的

新建系统变量
VUE_CLI4.5.12
D:\tool\nvm\vueCli\V4.5.12\node_modules\.bin
image.png
把%VUE_CLI4.5.12% 加入到path中
image.png

5.重启电脑,或者关闭所有cmd控制台,因为环境变量在旧的控制器不会刷新的

重启后cmd输入

C:\Users\myhcj>vue4 -V

@vue/cli 4.5.12

###6.最后效果,nvm控制node版本,npm支持cnpm,缓存和全局路径修改,vuecli支持多版本共存
image.png
展示的只是单个版本,其实有多个版本也可以直接仿照这个跑就可以了,同个系列理论上变更不会很大,如果有细微差别,可以在vue重命名的适合,细化到版本好命名,比如vue4_5_12 vue4_5_12.cmd

参考地址:

同一台电脑 实现 vue-cli2和vue-cli3同时并存

https://blog.csdn.net/Jioho_chen/article/details/90455778

nvm介绍及使用

https://www.jianshu.com/p/d0e0935b150a

安装npm及cnpm(Windows)修改全局下载和缓存路径

https://www.cnblogs.com/liaojie970/p/9296177.html
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容