学习现有的工具来自己配置一个admin-web
主要步骤
- 新建一个基于vue3, 由vite的项目
- 开发环境配置(webstorm)
- 跑起来的hello world
- 基本布局
- API引入
- 登录功能
- 导航菜单动态生成
- 单点登录的token刷新
新建一个基于vue3, 由vite的项目
首先新建项目.
# 使用vite create 新建vue3 项目
npm create vite@latest
# 安装依赖
npm install
# dev运行
npm run dev
跑起来的hello world
基本布局
选用常用上中下布局及侧边栏布局。
引入 devui-vue 框架来做
npm i vue-devui @devui-design/icons devui-theme
设置App.vue
- API引入
- 登录功能
- 导航菜单动态生成
- 单点登录的token刷新