目标创造最优秀的 vuetify3 的 Admin 开源模板
在 Vuetify 精美的主题基础上，我们构建了一个清晰且高效的项目逻辑架构，整合了最新的技术框架。本项目旨在实现各种常见的技术需求和功能，同时融合了 AI 助手，以提供更智能化的体验。此外，我们确保所有页面在多种设备上均能自适应展示，实现优雅的跨平台兼容性。
SPA 完整版: lux-vuetify3
SPA 简化国际化模板 lux-vuetify3-i18n
SPA 简化中文模板 lux-vuetify3-zh
Nuxt3 完整版 lux-nuxt3
Nuxt3 简化版 lux-nuxt3-template
- 📖 Vue 3.2
- 📖 Vite 4.x
- 📖 UI Framework Vuetify 3
- 📖 TypeScript
- 📦 组件自动导入
- 🍍 通过 Pinia进行状态管理
- 📔 使用新的
<script setup>语法 - 📚 使用任意的图标集 Iconify
- ☁️ 零配置部署在 Netlify
- 🔑 Firebase 授权
- 📈 Echarts, ApexChart
- 🧭 Openai, Chatgpt 支持
- 🌍 vue-i18n 多语言支持
- 📚 virtual-scroller , vuedraggable , perfect-scrollbar
- 📝 富文本编辑器
- 📇 响应式多平台自适应
- Vuetify3 - Vuetify 是一个不要求设计能力的 Vue 界面组件框架，自带了许多自行设计实现的 Vue 组件。
- Iconify - 使用任意的图标集 🔍Icônes
- Pure CSS Icons via UnoCSS
- 明暗主题切换 -- 完成
- 主题色切换 -- 完成
- 中日英三语言切换-- 完成
- 整合 ChatGpt-- 完成
- 登录 -- 完成
- 注册 -- 完成
- 验证邮件 -- 完成
- 密码重置 -- 施工中
- 404 -- 完成
- 500 -- 施工中
- 系统维护 -- 施工中
- 常见问题 -- 施工中
- 瀑布流布局 -- 完成
- 大数据虚拟列表 -- 完成
- 骨架屏 -- 施工中
- 任务版(拖拽功能) -- 完成
- 任务列表() -- 施工中
- ......
- Vue Router4
- VueUse - 非常有用的组合式 API 合集
- VuedDaggable - 允许进行与数组模型同步的拖拽放置操作
- Vue-Masonry-Wall - 是一种 Vue3 响应式,支持 SSR,且零依的的瀑布流布局方案
- Vue-Virtual-Scroller - 大数据快速虚拟滚动插件
git clone https://github.com/yangjiakai/lux-admin-vuetify3.git
cd lux-admin-vuetify3
yarn install
yarn dev
-
开发环境构建镜像：
docker-compose build dev -
启动开发环境：
docker-compose up dev -
生产环境构建镜像：
docker-compose build app -
启动生产环境：
docker-compose up app
找到根目录下的.env.template文件，去掉.template后缀
把VITE_OPENAI_API_KEY,VITE_UNSPLASH_ACCESS_KEY,VITE_GITHUB_CLIENT_ID,VITE_TTS_KEY , VITE_TTS_REGION分别替换成你自己的
openai apikey： https://platform.openai.com/account/api-keys
unsplash apikey： https://unsplash.com/oauth/applications
github apikey： https://github.com/settings/tokens
azure textToSpeech : https://speech.microsoft.com/