lux-ui

项目简介：lux-ui

项目背景

lux-ui 是一个开源的 Vuetify 3 管理后台模板项目，旨在创建最佳的 Vuetify 3 管理界面。通过整合当今先进的技术框架，该项目在 Vuetify 的优雅主题上构建了一个结构清晰且高效的项目。同时，lux-ui 还结合了人工智能助手功能，旨在满足各种常见的技术需求和功能。此外，项目保证了所有页面在多设备上的自适应，达到了无缝的跨平台兼容性。

项目版本

lux-ui 提供了多种版本以适应不同需求，包括：

• SPA 版本（完整版本与精简版 i18n 版本）
• 中文简化版
• Nuxt3 版本（完整版本与精简版）

项目特色

lux-ui 项目融合了多种现代技术和工具，以下是项目的主要特色：

• 使用 Vue 3.2 和 Vite 4.x 搭建前端架构
• 采用 Vuetify 3 作为 UI 框架，确保界面美观且无需设计技能
• 使用 TypeScript 提高代码的健壮性和可维护性
• 组件自动导入功能提升开发效率
• 状态管理采用 Pinia，简化应用状态管理
• 富文本编辑器，图表库（Echarts、ApexChart）等功能支持
• 支持多语言国际化（vue-i18n）
• 响应式多平台设计，确保应用在各种设备上的良好表现

技术插件

lux-ui 项目预集成了多种插件和工具，包括：

• 图标库 Iconify，支持从任何图标集选择图标
• Vue Router 4 提供路由功能
• VueUse 集成了实用的组合 API
• Vue Draggable 实现拖放功能，与视图模型数组同步
• Vue Masonry Wall，响应式瀑布流布局支持
• Vue Virtual Scroller 提供极速滚动功能

开始使用

使用 lux-ui 非常简单，只需按照以下步骤操作：

1. 克隆项目到本地：

   git clone https://github.com/yangjiakai/lux-admin-vuetify3.git
   

2. 进入项目目录并安装依赖：

   cd lux-admin-vuetify3
   yarn install
   

3. 启动开发环境：

   yarn dev
   

使用 Docker

lux-ui 支持 Docker 部署，以下是基本的 Docker 使用步骤：

1. 构建开发环境镜像：

   docker-compose build dev
   

2. 启动开发环境：

   docker-compose up dev
   

3. 构建生产环境镜像：

   docker-compose build app
   

4. 启动生产环境：

   docker-compose up app
   

API Key 设置

项目使用了一些外部服务，需要您提供 API Key。在项目根目录找到 .env.template 文件，去掉 .template 后缀，并替换为您的密钥：

• OpenAI：需要到 OpenAI 平台获取
• Unsplash：申请 Unsplash 的应用授权
• GitHub：通过 GitHub 令牌获取
• Azure 语音合成：通过 Azure 账号获取

通过以上介绍，lux-ui 无疑是一个功能强大且易于使用的开源 Vuetify 3 管理模板项目，非常适合希望利用现代技术框架快速开发管理后台的开发者。