vite是一个基于浏览器原生ES模块导入的开发服务器,目前仅支持Vue 3.x。
特点:快速冷启动、支持热更新、按需编译。
vite项目初始化命令:
1、假设项目名是vue3:npm init @vitejs/app vue3;
2、假设项目名是vue3:cd vue3;
3、npm install;
4、npm run dev;
如果一切ok,不报错,就恭喜你成功了!
温馨提示:如果安装了淘宝镜像,npm都可换成cnpm执行,会更快!
But 如果看到以上红框内容,请升级nodejs,别跟我一样走弯路,浪费时间!
nodejs升级
方法一(Windows用户注意啦!有坑!):
1、cnpm install -g n 或 npm install -g n --force;(前者可能会报错,本人反正是报错了)
2、n stable 或 n 版本号;
如果你是windows系统,如上,你会报错,因n使用了linux的脚本!
方法二:
直接下载最新版nodejs,安装以替换旧版,地址:https://nodejs.org/zh-cn/download/
此方法简单粗暴,不过很有效哈~
nodejs更新到最新版后,重新在项目文件夹的位置执行:cnpm run dev;
浏览器访问地址:http://localhost:3000/
提示:如果还报错,可以试试将npm升级到最新版本哈,升级 npm:cnpm install npm -g;或安装 cnpm:npm install cnpm -g;我在运行以上指令之前就升级npm了,所以没报这方面的错~
vue3学习阶段,有些错的地方,欢迎提出~