前一篇里面提到了诸多优点,都有点跃跃欲试,那就先来创建一个vue3项目。
这里要先隆重介绍一下vite,vite 是一个基于 Vue3 单文件组件的非打包开发服务器,在生产环境下基于 Rollup 打包,做到了本地快速开发启动:
- 快速的冷启动,不需要等待打包操作;
- 即时的热模块更新,替换性能和模块数量的解耦让更新飞起;
- 真正的按需编译,不再等待整个应用编译完成。
vue3的项目创建可以通过两种方式实现了
一是使用 vite 创建(基于Rollup)
官方文档: https://v3.cn.vuejs.org/guide/installation.html
npm init vite-app <project-name>
cd <project-name>
npm install
npm run dev
二是使用 vue-cli 创建(基于Webpack)
官方文档: https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create
## 安装或者升级
npm install -g @vue/cli
## 保证 vue cli 版本在 4.5.0 以上
vue --version
## 创建项目
vue create my-project
下面是一些项目