环境准备
- 安装最新版本
@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
项目更加简洁,启动速度飞快
以上为个人经验,希望能给大家一个参考,也希望大家多多支持代码网。
发表评论