Vite 创建项目

npm init vue@latest

• √ 请输入项目名称： ... admin
• √ 是否使用 TypeScript 语法？ ... 是
• √ 是否启用 JSX 支持？ ... 否
• √ 是否引入 Vue Router 进行单页面应用开发？ ... 是
• √ 是否引入 Pinia 用于状态管理？ ... 是
• √ 是否引入 Vitest 用于单元测试？ ... 是
• √ 是否要引入一款端到端（End to End）测试工具？ » 不需要
• √ 是否引入 ESLint 用于代码质量检测？ ... 是
• √ 是否引入 Prettier 用于代码格式化？ ... 是
• √ 是否引入 Vue DevTools 7 扩展用于调试? (试验阶段) ... 否

安装 element-plus UI

安装依赖

npm install element-plus --save

main.ts 中添加

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
app.use(ElementPlus)

安装 vue-axios

安装依赖

npm install --save axios vue-axios

main.ts 中添加

import axios from "axios"
import VueAxios from 'vue-axios'
app.use(VueAxios, axios)

App.vue 中引用 RouterView 路由标签

<script setup lang="ts">
</script>

<template>
  <RouterView/>
</template>

<style>
</style>