1.Vite创建vue3项目
使用 NPM:
npm create vite@latest
使用 Yarn:
yarn create vite
一个命令快速安装vite+ts+vue3项目:
npm create vite@latest vue-app --template vue-ts
默认构建好的目录结构是不包含router
和vuex
的需要手动安装并创建对应目录,使用命令:
npm i vue-router@latest vuex@latest-S
注意:vue3.0只支持router和vuex必须是4.0及以上版本
下面是我创建好的实战项目目录,仅供参考
:
2.配置别名alias
vite构建的vue默认是没有@别名的,所以需要我们手动配置下,如下图vite2.0配置方法仅供参考
:
3.引入element-plus
如果需要使用element ui库需要使用兼容vue3.0的element-plus
库才行
安装element-plus
:
npm i element-plus -S
是按需引入还是全局全部引入,看个人需求,具体引入方法请移步到element-plus官网里面介绍的很详细,就不再赘述了
如果你是用按需加载可抽离成单独文件,新建elementplus.ts
代码如下:
/*
* @Author: 飞鱼日记
* @Date: 2021-04-18 16:12:26
* @L