2021年,又是新的一年,Vue 已经发布 3.0 版本,最好用的 UI 组件库 Element UI 也发布了适配 Vue3.0 的新版本,是时候开始学习一下这两个新技术。
本文主要记录了使用 Vue CLI 来完成项目搭建的过程。
安装升级最新的 Vue CLI 4.x
npm install -g @vue/cli
输入vue -V (大写的V) 查看版本 @vue/cli 4.5.9
,一定要安装新版,不然使用不了 Vue 3。
创建 Vue 3.0 版本的项目
如图,使用 vue create my-app
创建项目,会有如下提示,选择中间项可以直接创建3.0的项目,选择最后一项,可以手动选择创建2.0或者3.0版本和其他配置项。
项目引入 Element Plus
Element UI 也发布了对应 Vue 3.0 的升级版本 Element Plus https://github.com/element-plus/element-plus 使用 Vue CLI 可以一键引入进来
cd my-app
vue add