最近,用着vue2.0想要体验vue3.0,原来使用webpack,现在也向体验一下vite怎么个轻量,速度,然后就有了踩坑之旅。
vite 初始 vue3的步骤:
npm init @vitejs/app myDemo
然后按照提示选择:vue->vue-ts
# 进入项目
$ cd myDemo
# 安装依赖
$ npm install
# 启动项目
$ npm run dev
然后就是系统版本node是支持vue2.0的v11.2.0版本,现在这个小项目需要跑起来就必须v12.0以上。
我就一番研究!@%%&……&*!(你懂的)。
觉得使用nvmw来给项目做切换node版本。
npm install -g nvmw
//检查版本 大写-V,小写查不出来哦,小水坑
nvmw -V
然后还必须使用原系统的cmd(小坑又一个),否则你在powershell还是编辑器里的控制台都使用命令体验不佳。
//一口气下载两个必备版本
nvmw install v11.2.0
nvmw install v12.13.0
然后在原vue2.0项目文件夹路由输入cmd,调出小黑框,指定v11.2.0
nvmw use v11.2.0
//如果需要查看所有node版本
nvmw ls
//然后跑项目
npm run dev
再新的vue3.0项目文件夹路由cmd中指定v12.13.0
nvmw use v12.13.0
//如果需要查看所有node版本
nvmw ls
//然后跑项目
npm run dev
然后两个项目都成功跑起来了~~