English / 简体中文
Dolphin Admin Vue 是一个基于 Vue 3 + Vite + Naive UI + TypeScript + TailwindCSS 的开源、轻量级、开箱即用、优雅精致、支持国际化的后台管理模板。
- 基于 Vue 3, Vite
- TypeScript,当然
- 使用 Naive UI,美观、易用、可扩展
- 使用 Tailwind CSS,基于原子化 CSS 进行快速开发
- 使用 pnpm 作为包管理器
- 使用 Sass 进行 CSS 预处理
- 使用 Vue Router 进行路由管理
- 使用 Pinia 进行全局状态管理
- 使用 Axios 进行请求,且高度封装
- 使用 Vue Use 作为 Vue Hook 库
- 使用 Vue Use Motion 实现动画
- 使用 iconify/json 和 unplugin-icons 进行图标管理,可以通过 icones 快速使用
- 使用 unplugin-auto-import 和 unplugin-vue-components 自动引入组件、Hook、工具类,解放双手
- 使用 vue-i18n,支持国际化
- 使用 ECharts 进行封装图表组件
- 使用 xlsx 进行 Excel 文件导入、导出
- 使用 Socket.IO 进行实时通信
- 使用 ESLint 执行代码检查
- 使用 Prettier 执行代码格式化
- 使用 CSpell 执行代码拼写检查
- 使用 Husky,lint-staged, commitlint, cz-git 进行 Git 提交管理
- 使用 taze 管理依赖版本
- 支持绝对路径引入,使用
@/*
- 支持第三方登录,例如 GitHub、Google 等
- 支持桌面端,使用 Tauri 进行桌面应用打包
-
部署在 Vercel 上,零配置(Vercel 不支持 WebSocket,请自主部署)
- 使用 Docker 和 Docker Compose 进行容器化
使用此模板时,请尝试按照清单正确更新您自己的信息:
- 整理
README.md
- 修改
LICENSE
中的作者名 - 修改
package.json
中的项目名称、描述、作者等信息 - 在
.env
中修改环境变量 - 修改
index.html
中的站点元数据 - 在
/public
目录下更改favicon.ico
- 更改
/src/app.config.ts
中的站点配置
- Node.js >=16.20.1
- pnpm
配置 .env
文件,参考 .env.example.
pnpm i
pnpm web:dev
pnpm web:build
pnpm desktop:dev
前往 Vercel 并选择你的 Git 仓库,模板选择 Vite,添加生产环境变量,然后点击部署即可。
MIT License © 2023 Bruce Song from Bit Ocean