Dolphin Admin Vue

English / 简体中文

Dolphin Admin Vue 是一个基于 Vue 3 + Vite + Naive UI + TypeScript + TailwindCSS 的开源、轻量级、开箱即用、优雅精致、支持国际化的后台管理模板。

特性

[x] 基于 Vue 3,Vite
[x] [TypeScript](https://www.typescriptlang.org/)，当然
[x] 使用 Naive UI，美观、易用、可扩展
[x] 使用 Tailwind CSS，基于原子化 CSS 进行快速开发
[x] 使用 pnpm作为包管理器
[x] 使用 Sass 进行 CSS 预处理
[x] 使用 Vue Router进行路由管理
[x] 使用 Pinia进行全局状态管理
[x] 使用 Axios进行请求，且高度封装
[x] 使用 Vue Use 作为 Vue Hook 库
[x] 使用 Vue Use Motion实现动画

进行图标管理，可以通过 [icones](https://icones.js.org/) 快速使用

[x] 使用 unplugin-auto-import和

[unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 自动引入组件、Hook、工具类，解放双手

[x] 使用 vue-i18n，支持国际化
[x] 使用 ECharts进行封装图表组件
[x] 使用 xlsx 进行 Excel 文件导入、导出
[x] 使用 Socket.IO进行实时通信
[x] 使用 ESLint执行代码检查
[x] 使用 Prettier执行代码格式化
[x] 使用 CSpell执行代码拼写检查

[x] 使用 Husky，lint-staged,

[commitlint](https://commitlint.js.org/#/), [cz-git](https://cz-git.qbb.sh/) 进行 Git 提交管理

[x] 使用 taze管理依赖版本
[x] 支持绝对路径引入，使用 @/*
[x] 支持第三方登录，例如 GitHub、Google 等
[x] 支持桌面端，使用 Tauri进行桌面应用打包
[x]~~部署在Vercel上，零配置~~（Vercel 不支持 WebSocket，请自主部署）

TODO

[ ] 使用 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.

PC 端应用

安装

pnpm i

启动

pnpm web:dev

构建

pnpm web:build

桌面端应用

启动

pnpm desktop:dev

部署

前往 Vercel 并选择你的 Git 仓库，模板选择 Vite，添加生产环境变量，然后点击部署即可。

dolphin-adminvue3naivevite

作者：dolphin-admin 开源协议：MIT