vue3+vite+typescript 项目创建

用命令行创建:

1:npm init @vitejs/app vite-frontend-template

2:选择 Vue

3：选择vue-ts

4:cd vite-frontend-template

5:npm install

6:npm run dev 结果：

创建完成后，需要安装路由和vuex

然后在根目录下创建路由文件和store文件夹，同时记得要安装插件volar，本来是要求安装插件Vetur的，但是会报错，然后，上网查找案例，volar可以解决问题。

npm i vue-router@next vuex@next

同时，还会有一个报错就是vue3的根标签有多个，这个也会报错，如果不想报错又得去配置，不过这个配置好像是eslint关于 Vetur的，我们用volar代替了，估计就不用再配置了，如果有这种报错的话可以自己去配置，搜索：vue3多个根标签报错就能找到案例；

安装elementUI-plus的方法：  官网地址：快速开始 | Element Plus

可以去官网对着安装，我这里是全局安装，

npm install element-plus --save

然后在store.ts文件夹引入相关依赖：

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'


app.use(ElementPlus)

同时在tsconfig.json 文件夹中指定全局组件类型：

// tsconfig.json
{
  "compilerOptions": {
    // ...
    "types": ["element-plus/global"]
  }
}

安装完成，可以去试试了  同时还需要看一下ts 的语法，本来还有很多代码要贴出来的，但是涉及到ts,还得捋一捋