环境准备
- 安装最新版本
@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
项目更加简洁,启动速度飞快