在线演示
📖介绍
目标:创建最好的 Vuetify 3 Admin 开源模板。
基于 Vuetify 的优雅主题,我们建立了一个清晰且高效的项目结构,整合了最新的技术框架。此项目旨在解决广泛的常见技术需求和功能,同时结合 AI 助手以实现更智能的体验。此外,我们确保所有页面在多个设备上的自适应,达到了无缝的跨平台兼容性。
📖其他版本
SPA 完整版本: lux-vuetify3
SPA 简化 i18n 版本: lux-vuetify3-i18n
SPA 简体中文 版本: lux-vuetify3-zh
Nuxt3 版本:
Nuxt3 完整版本: lux-nuxt3
Nuxt3 简化版本: lux-nuxt3-template
📖文档
- 📖 中文文档 1.0
📚功能
- 📖 Vue 3.2
- 📖 Vite 4.x
- 📖 UI 框架 Vuetify 3
- 📖 TypeScript
- 📦 组件自动导入
- 🍍 Pinia
- 📔
<script setup>
- 📚 使用 Iconify 中的任意图标集
- ☁️ 部署在 Netlify, 零配置
- 🔑 Firebase 认证
- 📈 Echarts, ApexChart
- 🧭 Openai, Chatgpt
- 🌍 vue-i18n
- 📚 virtual-scroller, vuedraggable, perfect-scrollbar
- 📝 富文本编辑器
- 📇 响应式多平台自适应
📈项目活动
💬联系我
- 电子邮件 yjkbako@gmail.com
- 推特 https://twitter.com/baibaixiang
- 微信
💌预览
📦预先打包
🏷️ UI 框架
- Vuetify3 - Vuetify 是一个无需设计技能的 UI 框架,拥有精美的 Vue 组件。
🏷️ 图标
- Iconify - 使用任何图标集的图标 🔍Icônes
- 通过 UnoCSS 实现的纯 CSS 图标
🏷️ 插件
- Vue Router4
- VueUse - 实用的 composition API 集合
- VueDraggable - 支持拖放并与视图模型数组同步。
- Vue-Masonry-Wall - 响应式瀑布流布局,支持 SSR 和零依赖。
- Vue-Virtual-Scroller - 超快滚动任意数量的数据
👻立即试用!
git clone https://github.com/yangjiakai/lux-admin-vuetify3.git
cd lux-admin-vuetify3
yarn install
yarn dev
🔑设置 ApiKey
在根目录找到 .env.template
文件,去掉 .template
后缀,并将 VITE_OPENAI_API_KEY
、VITE_UNSPLASH_ACCESS_KEY
、VITE_GITHUB_CLIENT_ID
和 VITE_TTS_KEY
和 VITE_TTS_REGION
替换成你自己的 key。
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/