vue3+ts+vite2项目实战探坑干货

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