环境准备
- 安装最新版本
@vuejs/app
yarn global add @vue/cli # or npm install -g @vue/cli
- 升级到最新版本
@vitejs/app
yarn global upgrade @vue/cli # or npm update -g @vue/cli
- 查看
vue版本
vue -v

兼容性注意
vite 需要 node.js 版本 >= 12.0.0。
故切换 node 版本,可查看该文章:使用 nvs 管理本地 node 版本。

创建项目
yarn create @vitejs/app <project-name> # or npm init @vitejs/app <project-name>
选择一个框架

选择一种 ecmascript 的实现

创建完成

启动
npm install npm run dev # or yarn yarn dev

目录结构

总结
vite依赖node 12版本及以上- 使用
vite构建vue项目更加简洁,启动速度飞快
以上为个人经验,希望能给大家一个参考,也希望大家多多支持代码网。
发表评论