lux ui

ライブ・デモ

English | 简体中文| 日本語

📖 序文

目標は、最も優れた Vuetify 3 の Admin オープンソーステンプレートを作成することです。

Vuetify の洗練されたテーマを基盤に、明確で効率的なプロジェクト構造を構築し、最新の技術フレームワークを統合しています。このプロジェクトは、さまざまな一般的な技術要件や機能に対応することを目指し、AI アシスタントを組み込むことで、よりインテリジェントな体験を提供します。さらに、すべてのページが複数のデバイスで適応的に表示されるようにし、シームレスなクロスプラットフォーム互換性を実現しています。

📖Other Versions

SPA Full Version: lux-ui

SPA Simplified i18n Versionlux-ui-i18n

SPA Simplified chinese Versionlux-ui-zh

Nuxt3 version:

Nuxt3 Full Version lux-nuxt3

Nuxt3 Simplified Version lux-nuxt3-template

📖Documents

• 📖 Document 1.0 Chinese

📚 特徴

• 📖 Vue 3.2
• 📖 Vite 4.x
• 📖 UI Framework Vuetify 3
• 📖 TypeScript
• 📦 Component Auto Importing
• 🍍 Pinia
• 📔 <script setup>
• 📚 Use icons from any icon sets in Iconify
• ☁️ Deploy on Netlify, zero-config
• 🔑 Firebase auth
• 📈 Echarts, ApexChart
• 🧭 Openai, Chatgpt
• 🌍 vue-i18n
• 📚 virtual-scroller , vuedraggable , perfect-scrollbar
• 📝 Rich Text Editor
• 📇 Responsive multi-platform adaptive

📈 Project Activity

💬 連絡

• Email [email protected]
• Twitter https://twitter.com/baibaixiang
• Wechat

💌 プレビュー

📦 プリパック

🏷️UI Frameworks

• Vuetify3 - Vuetify は、美しく手作りされた Vue コンポーネントで構成された、デザインスキル不要の UI フレームワークです。

🏷️Icons

• Iconify - 任意のアイコンセットを使用 🔍Icônes
• Pure CSS Icons via UnoCSS

🏷️ プラグイン

• Vue Router4
• VueUse - 便利なコンポジション API 集
• VuedDaggable - 配列モデルと同期したドラッグ＆ドロップによる配置操作が可能
• Vue-Masonry-Wall -Vue 3 のレスポンシブな Masonry レイアウト SSR をサポートしています
• Vue-Virtual-Scroller - 超高速の任意のデータ量のスクロール

👻 今すぐ試す!

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

cd lux-admin-vuetify3

yarn install

yarn dev

👻Docker it!

1. 开发环境构建镜像：

   docker-compose build dev
   

2. 启动开发环境：

   docker-compose up dev
   

3. 生产环境构建镜像：

   docker-compose build app
   

4. 启动生产环境：

   docker-compose up app
   

🔑Set ApiKey

Find the .env.template file in the root directory, remove the .template suffix, and replace VITE_OPENAI_API_KEY, VITE_UNSPLASH_ACCESS_KEY, and VITE_GITHUB_CLIENT_ID, and VITE_TTS_KEY and VITE_TTS_REGION with your own keys.

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/