[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-yangjiakai--lux-ui":3,"tool-yangjiakai--lux-ui":65},[4,17,27,35,48,57],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":16},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",149489,2,"2026-04-10T11:32:46",[13,14,15],"开发框架","Agent","语言模型","ready",{"id":18,"name":19,"github_repo":20,"description_zh":21,"stars":22,"difficulty_score":23,"last_commit_at":24,"category_tags":25,"status":16},4487,"LLMs-from-scratch","rasbt\u002FLLMs-from-scratch","LLMs-from-scratch 是一个基于 PyTorch 的开源教育项目，旨在引导用户从零开始一步步构建一个类似 ChatGPT 的大型语言模型（LLM）。它不仅是同名技术著作的官方代码库，更提供了一套完整的实践方案，涵盖模型开发、预训练及微调的全过程。\n\n该项目主要解决了大模型领域“黑盒化”的学习痛点。许多开发者虽能调用现成模型，却难以深入理解其内部架构与训练机制。通过亲手编写每一行核心代码，用户能够透彻掌握 Transformer 架构、注意力机制等关键原理，从而真正理解大模型是如何“思考”的。此外，项目还包含了加载大型预训练权重进行微调的代码，帮助用户将理论知识延伸至实际应用。\n\nLLMs-from-scratch 特别适合希望深入底层原理的 AI 开发者、研究人员以及计算机专业的学生。对于不满足于仅使用 API，而是渴望探究模型构建细节的技术人员而言，这是极佳的学习资源。其独特的技术亮点在于“循序渐进”的教学设计：将复杂的系统工程拆解为清晰的步骤，配合详细的图表与示例，让构建一个虽小但功能完备的大模型变得触手可及。无论你是想夯实理论基础，还是为未来研发更大规模的模型做准备",90106,3,"2026-04-06T11:19:32",[15,26,14,13],"图像",{"id":28,"name":29,"github_repo":30,"description_zh":31,"stars":32,"difficulty_score":10,"last_commit_at":33,"category_tags":34,"status":16},3704,"NextChat","ChatGPTNextWeb\u002FNextChat","NextChat 是一款轻量且极速的 AI 助手，旨在为用户提供流畅、跨平台的大模型交互体验。它完美解决了用户在多设备间切换时难以保持对话连续性，以及面对众多 AI 模型不知如何统一管理的痛点。无论是日常办公、学习辅助还是创意激发，NextChat 都能让用户随时随地通过网页、iOS、Android、Windows、MacOS 或 Linux 端无缝接入智能服务。\n\n这款工具非常适合普通用户、学生、职场人士以及需要私有化部署的企业团队使用。对于开发者而言，它也提供了便捷的自托管方案，支持一键部署到 Vercel 或 Zeabur 等平台。\n\nNextChat 的核心亮点在于其广泛的模型兼容性，原生支持 Claude、DeepSeek、GPT-4 及 Gemini Pro 等主流大模型，让用户在一个界面即可自由切换不同 AI 能力。此外，它还率先支持 MCP（Model Context Protocol）协议，增强了上下文处理能力。针对企业用户，NextChat 提供专业版解决方案，具备品牌定制、细粒度权限控制、内部知识库整合及安全审计等功能，满足公司对数据隐私和个性化管理的高标准要求。",87618,"2026-04-05T07:20:52",[13,15],{"id":36,"name":37,"github_repo":38,"description_zh":39,"stars":40,"difficulty_score":10,"last_commit_at":41,"category_tags":42,"status":16},2268,"ML-For-Beginners","microsoft\u002FML-For-Beginners","ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程，旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周，包含 26 节精炼课程和 52 道配套测验，内容涵盖从基础概念到实际应用的完整流程，有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。\n\n无论是希望转型的开发者、需要补充算法背景的研究人员，还是对人工智能充满好奇的普通爱好者，都能从中受益。课程不仅提供了清晰的理论讲解，还强调动手实践，让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持，通过自动化机制提供了包括简体中文在内的 50 多种语言版本，极大地降低了全球不同背景用户的学习门槛。此外，项目采用开源协作模式，社区活跃且内容持续更新，确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路，ML-For-Beginners 将是理想的起点。",85092,"2026-04-10T11:13:16",[26,43,44,45,14,46,15,13,47],"数据工具","视频","插件","其他","音频",{"id":49,"name":50,"github_repo":51,"description_zh":52,"stars":53,"difficulty_score":54,"last_commit_at":55,"category_tags":56,"status":16},5784,"funNLP","fighting41love\u002FfunNLP","funNLP 是一个专为中文自然语言处理（NLP）打造的超级资源库，被誉为\"NLP 民工的乐园”。它并非单一的软件工具，而是一个汇集了海量开源项目、数据集、预训练模型和实用代码的综合性平台。\n\n面对中文 NLP 领域资源分散、入门门槛高以及特定场景数据匮乏的痛点，funNLP 提供了“一站式”解决方案。这里不仅涵盖了分词、命名实体识别、情感分析、文本摘要等基础任务的标准工具，还独特地收录了丰富的垂直领域资源，如法律、医疗、金融行业的专用词库与数据集，甚至包含古诗词生成、歌词创作等趣味应用。其核心亮点在于极高的全面性与实用性，从基础的字典词典到前沿的 BERT、GPT-2 模型代码，再到高质量的标注数据和竞赛方案，应有尽有。\n\n无论是刚刚踏入 NLP 领域的学生、需要快速验证想法的算法工程师，还是从事人工智能研究的学者，都能在这里找到急需的“武器弹药”。对于开发者而言，它能大幅减少寻找数据和复现模型的时间；对于研究者，它提供了丰富的基准测试资源和前沿技术参考。funNLP 以开放共享的精神，极大地降低了中文自然语言处理的开发与研究成本，是中文 AI 社区不可或缺的宝藏仓库。",79857,1,"2026-04-08T20:11:31",[15,43,46],{"id":58,"name":59,"github_repo":60,"description_zh":61,"stars":62,"difficulty_score":23,"last_commit_at":63,"category_tags":64,"status":16},3128,"ragflow","infiniflow\u002Fragflow","RAGFlow 是一款领先的开源检索增强生成（RAG）引擎，旨在为大语言模型构建更精准、可靠的上下文层。它巧妙地将前沿的 RAG 技术与智能体（Agent）能力相结合，不仅支持从各类文档中高效提取知识，还能让模型基于这些知识进行逻辑推理和任务执行。\n\n在大模型应用中，幻觉问题和知识滞后是常见痛点。RAGFlow 通过深度解析复杂文档结构（如表格、图表及混合排版），显著提升了信息检索的准确度，从而有效减少模型“胡编乱造”的现象，确保回答既有据可依又具备时效性。其内置的智能体机制更进一步，使系统不仅能回答问题，还能自主规划步骤解决复杂问题。\n\n这款工具特别适合开发者、企业技术团队以及 AI 研究人员使用。无论是希望快速搭建私有知识库问答系统，还是致力于探索大模型在垂直领域落地的创新者，都能从中受益。RAGFlow 提供了可视化的工作流编排界面和灵活的 API 接口，既降低了非算法背景用户的上手门槛，也满足了专业开发者对系统深度定制的需求。作为基于 Apache 2.0 协议开源的项目，它正成为连接通用大模型与行业专有知识之间的重要桥梁。",77062,"2026-04-04T04:44:48",[14,26,13,15,46],{"id":66,"github_repo":67,"name":68,"description_en":69,"description_zh":70,"ai_summary_zh":70,"readme_en":71,"readme_zh":72,"quickstart_zh":73,"use_case_zh":74,"hero_image_url":75,"owner_login":76,"owner_name":77,"owner_avatar_url":78,"owner_bio":79,"owner_company":79,"owner_location":80,"owner_email":79,"owner_twitter":79,"owner_website":79,"owner_url":81,"languages":82,"stars":106,"forks":107,"last_commit_at":108,"license":109,"difficulty_score":10,"env_os":110,"env_gpu":111,"env_ram":111,"env_deps":112,"category_tags":125,"github_topics":126,"view_count":10,"oss_zip_url":79,"oss_zip_packed_at":79,"status":16,"created_at":138,"updated_at":139,"faqs":140,"releases":181},6283,"yangjiakai\u002Flux-ui","lux-ui","Create the best admin based on Vue3.x, Vite5.x, TypeScript, Vuetify3.x, Chat GPT","lux-ui 是一款基于 Vue 3、Vite 5、TypeScript 和 Vuetify 3 构建的开源后台管理模板，旨在为开发者提供一套高效、美观且功能完备的项目起点。它解决了传统后台开发中环境配置繁琐、UI 风格不统一以及跨设备适配困难等痛点，通过预设的清晰项目结构和丰富的内置组件，让开发者能迅速投入业务逻辑开发，无需从零搭建基础框架。\n\n这款工具特别适合前端开发者及需要快速构建企业级管理系统的技术团队。其核心亮点在于深度集成了现代化的技术栈，支持组件自动导入、Pinia 状态管理及 `\u003Cscript setup>` 语法糖，显著提升了开发体验与代码维护性。此外，lux-ui 不仅内置了 Echarts、ApexChart 等数据可视化方案和多语言支持，还创新性地融入了 ChatGPT 智能助手功能，为管理系统增添了智能化交互能力。无论是需要完整功能的 SPA 版本，还是基于 Nuxt3 的服务端渲染方案，lux-ui 都提供了多样化的选择，确保项目能在不同场景下实现无缝的多平台自适应部署。","\u003Cbr>\u003Cbr>\n\n\u003Cp align='center' >\n  \u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_0f05e07fed0a.png' alt='Vuetify3' width='300'\u002F>\n\u003C\u002Fp>\n\u003Cbr>\u003Cbr>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fvuejs.org\u002F\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fvue-v3.2.47-brightgreen.svg\" alt=\"vue\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fvuetifyjs.com\u002F\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fvuetify-v3.1.13-blue.svg\" alt=\"element-ui\">\n  \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fvitejs.dev\u002F\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fvite-v4.2.1-blueviolet.svg\" alt=\"element-ui\">\n  \u003C\u002Fa>\n  \n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-admin-vuetify3\u002Fblob\u002Fmain\u002FLICENSE\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fmashape\u002Fapistatus.svg\" alt=\"license\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Ch4 align='center'>\n\u003Ca href=\"https:\u002F\u002Flux.vuetify3.com\u002F\">Live Demo\u003C\u002Fa>\n\u003C\u002Fh4>\n\n\u003Cbr>\n\n\u003Cp align='center'>\n\u003Cb>English\u003C\u002Fb> | \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Fjk-vuetify3-lux-admin\u002Fblob\u002Fmain\u002FREADME.zh-CN.md\">简体中文\u003C\u002Fa>| \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Fjk-vuetify3-lux-admin\u002Fblob\u002Fmain\u002FREADME.jp.md\">日本語\u003C\u002Fa>\n\u003C\u002Fp>\n\n## 📖Introduction\n\n> Goal: Creating the best Vuetify 3 Admin open-source template.\n\nBuilt upon the elegant themes of Vuetify, we have established a clear and efficient project structure, integrating the latest technology frameworks. This project aims to address a wide range of common technical requirements and features, while incorporating an AI assistant for a more intelligent experience. Additionally, we ensure that all pages are adaptive across multiple devices, achieving a seamless cross-platform compatibility.\n\n## 📖Other Versions\n\nSPA Full Version: [lux-vuetify3](https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-nuxt3)\n\nSPA Simplified i18n Version[lux-vuetify3-i18n](https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Fvuetify3-lux-admin-template-i18n)\n\nSPA Simplified chinese Version[lux-vuetify3-zh](https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Fvuetify3-lux-admin-template-zh)\n\nNuxt3 version:\n\nNuxt3 Full Version [lux-nuxt3](https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-nuxt3)\n\nNuxt3 Simplified Version [lux-nuxt3-template](https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-nuxt3-template)\n\n## 📖Documents\n\n- 📖 [Document 1.0 Chinese](https:\u002F\u002Fwww.craft.me\u002Fs\u002FtAMVv4hUxZIH6G)\n\n## 📚Features\n\n- 📖 [Vue 3.2](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fcore)\n- 📖 [Vite 4.x](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite)\n- 📖 UI Framework [Vuetify 3](https:\u002F\u002Fnext.vuetifyjs.com\u002Fen\u002F)\n- 📖 TypeScript\n- 📦 Component Auto Importing\n- 🍍 [Pinia](https:\u002F\u002Fpinia.vuejs.org\u002F)\n- 📔 `\u003Cscript setup>`\n- 📚 Use icons from any icon sets in [Iconify](https:\u002F\u002Ficon-sets.iconify.design\u002F)\n- ☁️ Deploy on Netlify, zero-config\n- 🔑 Firebase auth\n- 📈 Echarts, ApexChart\n- 🧭 Openai, Chatgpt\n- 🌍 vue-i18n\n- 📚 virtual-scroller , vuedraggable , perfect-scrollbar\n- 📝 Rich Text Editor\n- 📇 Responsive multi-platform adaptive\n\n## 📈 Project Activity\n\n![Alt](https:\u002F\u002Frepobeats.axiom.co\u002Fapi\u002Fembed\u002F306361b2af1a8556f64a0a828e1726a94bff36f0.svg \"Repobeats analytics image\")\n\n## 💬Contact Me\n\n- Email \u003Ca href=\"mailto:yjkbako@gmail.com\">yjkbako@gmail.com\u003C\u002Fa>\n- Twitter https:\u002F\u002Ftwitter.com\u002Fbaibaixiang\n- Wechat \u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_f2d91ebe863e.png'  alt='DashBoard' width='300' \u002F>\n\n## 💌Preview\n\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_d4ed267928af.png'  alt='DashBoard' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_cce2cf68b20a.png'  alt='ChatGPT' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_5ef8387464eb.png'  alt='DataTable' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_1fe5d44fad4f.png'  alt='ChatGPT' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_0f7abbc2a767.png'  alt='ChatGPT' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_5e7a939092e2.png'  alt='Card' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_b0b5a77ece6f.png'  alt='Color' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_3494732144ba.png'  alt='Gradient' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_81d9e20393b9.png'  alt='ChatGPT' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_1e7de83a40a9.png'  alt='ChatGPT' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_83bb91c7f668.png'  alt='ChatGPT' \u002F>\n\n\u003Cbr>\n\n## 📦Pre-packed\n\n### 🏷️ UI Frameworks\n\n- [Vuetify3](https:\u002F\u002Fnext.vuetifyjs.com\u002Fen\u002F) - Vuetify is a no design skills required UI Framework with beautifully handcrafted Vue Components.\n\n### 🏷️ Icons\n\n- [Iconify](https:\u002F\u002Ficonify.design) - use icons from any icon sets [🔍Icônes](https:\u002F\u002Ficones.netlify.app\u002F)\n- [Pure CSS Icons via UnoCSS](https:\u002F\u002Fgithub.com\u002Fantfu\u002Funocss\u002Ftree\u002Fmain\u002Fpackages\u002Fpreset-icons)\n\n### 🏷️ Plugins\n\n- [Vue Router4](https:\u002F\u002Frouter.vuejs.org\u002F)\n- [VueUse](https:\u002F\u002Fgithub.com\u002Fantfu\u002Fvueuse) - collection of useful composition APIs\n- [VuedDaggable](https:\u002F\u002Fgithub.com\u002FSortableJS\u002FVue.Draggable) - allowing drag-and-drop and synchronization with view model array.\n- [Vue-Masonry-Wall](https:\u002F\u002Fgithub.com\u002FDerYeger\u002Fyeger\u002Ftree\u002Fmain\u002Fpackages\u002Fvue-masonry-wall) - Responsive masonry layout with SSR support and zero dependencies for Vue 3.\n- [Vue-Virtual-Scroller](https:\u002F\u002Fgithub.com\u002FAkryum\u002Fvue-virtual-scroller) - Blazing fast scrolling of any amount of data\n\n## 👻Try it now!\n\n```\ngit clone https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-admin-vuetify3.git\n\ncd lux-admin-vuetify3\n\nyarn install\n\nyarn dev\n```\n\n## 👻Docker it!\n\n1. Build the development environment image:\n\n   ```\n   docker-compose build dev\n   ```\n\n2. Start the development environment:\n\n   ```\n   docker-compose up dev\n   ```\n\n3. Build the production environment image:\n\n   ```\n   docker-compose build app\n   ```\n\n4. Start the production environment:\n   ```\n   docker-compose up app\n   ```\n\n这应该能解决实时更新的问题。如果您还有任何疑问或遇到其他问题，请随时告诉我。\n\n### 🔑Set ApiKey\n\nFind 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.\n\n> openai apikey： https:\u002F\u002Fplatform.openai.com\u002Faccount\u002Fapi-keys\n\n> unsplash apikey： https:\u002F\u002Funsplash.com\u002Foauth\u002Fapplications\n\n> github apikey： https:\u002F\u002Fgithub.com\u002Fsettings\u002Ftokens\n\n> azure textToSpeech : https:\u002F\u002Fspeech.microsoft.com\u002F\n","\u003Cbr>\u003Cbr>\n\n\u003Cp align='center' >\n  \u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_0f05e07fed0a.png' alt='Vuetify3' width='300'\u002F>\n\u003C\u002Fp>\n\u003Cbr>\u003Cbr>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fvuejs.org\u002F\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fvue-v3.2.47-brightgreen.svg\" alt=\"vue\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fvuetifyjs.com\u002F\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fvuetify-v3.1.13-blue.svg\" alt=\"element-ui\">\n  \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fvitejs.dev\u002F\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fvite-v4.2.1-blueviolet.svg\" alt=\"element-ui\">\n  \u003C\u002Fa>\n  \n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-admin-vuetify3\u002Fblob\u002Fmain\u002FLICENSE\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fmashape\u002Fapistatus.svg\" alt=\"license\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Ch4 align='center'>\n\u003Ca href=\"https:\u002F\u002Flux.vuetify3.com\u002F\">在线演示\u003C\u002Fa>\n\u003C\u002Fh4>\n\n\u003Cbr>\n\n\u003Cp align='center'>\n\u003Cb>English\u003C\u002Fb> | \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Fjk-vuetify3-lux-admin\u002Fblob\u002Fmain\u002FREADME.zh-CN.md\">简体中文\u003C\u002Fa>| \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Fjk-vuetify3-lux-admin\u002Fblob\u002Fmain\u002FREADME.jp.md\">日本語\u003C\u002Fa>\n\u003C\u002Fp>\n\n## 📖简介\n\n> 目标：打造最佳的 Vuetify 3 管理后台开源模板。\n\n基于 Vuetify 的优雅主题，我们构建了清晰高效的项目结构，并集成了最新的技术框架。该项目旨在满足广泛的常见技术需求和功能，同时引入 AI 助手以提供更智能的体验。此外，所有页面均支持多设备自适应，实现无缝的跨平台兼容性。\n\n## 📖其他版本\n\nSPA 完整版：[lux-vuetify3](https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-nuxt3)\n\nSPA 简化 i18n 版本[lux-vuetify3-i18n](https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Fvuetify3-lux-admin-template-i18n)\n\nSPA 简化中文版[lux-vuetify3-zh](https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Fvuetify3-lux-admin-template-zh)\n\nNuxt3 版本：\n\nNuxt3 完整版 [lux-nuxt3](https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-nuxt3)\n\nNuxt3 简化版 [lux-nuxt3-template](https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-nuxt3-template)\n\n## 📖文档\n\n- 📖 [文档 1.0 中文](https:\u002F\u002Fwww.craft.me\u002Fs\u002FtAMVv4hUxZIH6G)\n\n## 📚特性\n\n- 📖 [Vue 3.2](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fcore)\n- 📖 [Vite 4.x](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite)\n- 📖 UI 框架 [Vuetify 3](https:\u002F\u002Fnext.vuetifyjs.com\u002Fen\u002F)\n- 📖 TypeScript\n- 📦 组件自动导入\n- 🍍 [Pinia](https:\u002F\u002Fpinia.vuejs.org\u002F)\n- 📔 `\u003Cscript setup>`\n- 📚 可使用 [Iconify](https:\u002F\u002Ficon-sets.iconify.design\u002F) 中任意图标集的图标\n- ☁️ 在 Netlify 上零配置部署\n- 🔑 Firebase 认证\n- 📈 Echarts、ApexChart\n- 🧭 OpenAI、ChatGPT\n- 🌍 vue-i18n\n- 📚 virtual-scroller、vuedraggable、perfect-scrollbar\n- 📝 富文本编辑器\n- 📇 响应式多平台自适应\n\n## 📈 项目活跃度\n\n![Alt](https:\u002F\u002Frepobeats.axiom.co\u002Fapi\u002Fembed\u002F306361b2af1a8556f64a0a828e1726a94bff36f0.svg \"Repobeats analytics image\")\n\n## 💬联系我\n\n- 邮箱 \u003Ca href=\"mailto:yjkbako@gmail.com\">yjkbako@gmail.com\u003C\u002Fa>\n- Twitter https:\u002F\u002Ftwitter.com\u002Fbaibaixiang\n- 微信 \u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_f2d91ebe863e.png'  alt='DashBoard' width='300' \u002F>\n\n## 💌预览图\n\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_d4ed267928af.png'  alt='DashBoard' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_cce2cf68b20a.png'  alt='ChatGPT' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_5ef8387464eb.png'  alt='DataTable' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_1fe5d44fad4f.png'  alt='ChatGPT' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_0f7abbc2a767.png'  alt='ChatGPT' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_5e7a939092e2.png'  alt='Card' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_b0b5a77ece6f.png'  alt='Color' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_3494732144ba.png'  alt='Gradient' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_81d9e20393b9.png'  alt='ChatGPT' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_1e7de83a40a9.png'  alt='ChatGPT' \u002F>\n\u003Cimg  src='https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_readme_83bb91c7f668.png'  alt='ChatGPT' \u002F>\n\n\u003Cbr>\n\n## 📦预装内容\n\n### 🏷️ UI 框架\n\n- [Vuetify3](https:\u002F\u002Fnext.vuetifyjs.com\u002Fen\u002F) - Vuetify 是一个无需设计技能即可使用的 UI 框架，提供精美手工制作的 Vue 组件。\n\n### 🏷️ 图标\n\n- [Iconify](https:\u002F\u002Ficonify.design) - 可使用任意图标集中的图标 [🔍Icônes](https:\u002F\u002Ficones.netlify.app\u002F)\n- [通过 UnoCSS 的纯 CSS 图标](https:\u002F\u002Fgithub.com\u002Fantfu\u002Funocss\u002Ftree\u002Fmain\u002Fpackages\u002Fpreset-icons)\n\n### 🏷️ 插件\n\n- [Vue Router4](https:\u002F\u002Frouter.vuejs.org\u002F)\n- [VueUse](https:\u002F\u002Fgithub.com\u002Fantfu\u002Fvueuse) - 包含大量实用的组合式 API\n- [VuedDaggable](https:\u002F\u002Fgithub.com\u002FSortableJS\u002FVue.Draggable) - 支持拖放操作，并与视图模型数组同步。\n- [Vue-Masonry-Wall](https:\u002F\u002Fgithub.com\u002FDerYeger\u002Fyeger\u002Ftree\u002Fmain\u002Fpackages\u002Fvue-masonry-wall) - 响应式马赛克布局，支持 SSR，且对 Vue 3 无依赖。\n- [Vue-Virtual-Scroller](https:\u002F\u002Fgithub.com\u002FAkryum\u002Fvue-virtual-scroller) - 能够极速滚动任意数量的数据\n\n## 👻立即尝试！\n\n```\ngit clone https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-admin-vuetify3.git\n\ncd lux-admin-vuetify3\n\nyarn install\n\nyarn dev\n```\n\n## 👻使用 Docker！\n\n1. 构建开发环境镜像：\n\n   ```\n   docker-compose build dev\n   ```\n\n2. 启动开发环境：\n\n   ```\n   docker-compose up dev\n   ```\n\n3. 构建生产环境镜像：\n\n   ```\n   docker-compose build app\n   ```\n\n4. 启动生产环境：\n   ```\n   docker-compose up app\n   ```\n\n这应该能解决实时更新的问题。如果您还有任何疑问或遇到其他问题，请随时告诉我。\n\n### 🔑设置 API 密钥\n\n在根目录下找到 `.env.template` 文件，移除 `.template` 后缀，并将 `VITE_OPENAI_API_KEY`、`VITE_UNSPLASH_ACCESS_KEY`、`VITE_GITHUB_CLIENT_ID`、`VITE_TTS_KEY` 和 `VITE_TTS_REGION` 替换为您的密钥。\n\n> openai apikey： https:\u002F\u002Fplatform.openai.com\u002Faccount\u002Fapi-keys\n\n> unsplash apikey： https:\u002F\u002Funsplash.com\u002Foauth\u002Fapplications\n\n> github apikey： https:\u002F\u002Fgithub.com\u002Fsettings\u002Ftokens\n\n> azure textToSpeech : https:\u002F\u002Fspeech.microsoft.com\u002F","# Lux-UI 快速上手指南\n\nLux-UI 是一个基于 Vue 3、Vite 和 Vuetify 3 构建的高性能开源后台管理模板，集成了 AI 助手（ChatGPT）、多设备自适应及丰富的可视化组件。\n\n## 环境准备\n\n在开始之前，请确保您的开发环境满足以下要求：\n\n*   **操作系统**：Windows \u002F macOS \u002F Linux\n*   **Node.js**：建议版本 v16+ (推荐 v18+)\n*   **包管理器**：推荐使用 `yarn` (也可使用 npm 或 pnpm)\n*   **Git**：用于克隆项目代码\n\n> **国内加速建议**：\n> 如果下载依赖较慢，建议配置淘宝镜像源：\n> ```bash\n> yarn config set registry https:\u002F\u002Fregistry.npmmirror.com\n> # 或使用 npm\n> npm config set registry https:\u002F\u002Fregistry.npmmirror.com\n> ```\n\n## 安装步骤\n\n### 1. 克隆项目\n使用 Git 将仓库克隆到本地：\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-admin-vuetify3.git\ncd lux-admin-vuetify3\n```\n\n### 2. 安装依赖\n安装项目所需的核心依赖包：\n```bash\nyarn install\n```\n\n### 3. 配置 API 密钥（可选但推荐）\n若需使用 OpenAI、Unsplash 等集成功能，请进行以下配置：\n\n1.  在项目根目录找到 `.env.template` 文件。\n2.  将其重命名为 `.env`（去掉 `.template` 后缀）。\n3.  编辑 `.env` 文件，填入您自己的密钥：\n    *   `VITE_OPENAI_API_KEY`: [OpenAI Key](https:\u002F\u002Fplatform.openai.com\u002Faccount\u002Fapi-keys)\n    *   `VITE_UNSPLASH_ACCESS_KEY`: [Unsplash Key](https:\u002F\u002Funsplash.com\u002Foauth\u002Fapplications)\n    *   `VITE_GITHUB_CLIENT_ID`: [GitHub Token](https:\u002F\u002Fgithub.com\u002Fsettings\u002Ftokens)\n    *   `VITE_TTS_KEY` & `VITE_TTS_REGION`: Azure TTS 相关密钥\n\n## 基本使用\n\n### 启动开发服务器\n运行以下命令启动本地开发环境，项目将自动在浏览器中打开（默认端口通常为 5173）：\n\n```bash\nyarn dev\n```\n\n### Docker 部署方案\n如果您偏好使用 Docker 进行开发或生产部署，可执行以下命令：\n\n**开发环境：**\n```bash\n# 构建开发镜像\ndocker-compose build dev\n# 启动开发容器\ndocker-compose up dev\n```\n\n**生产环境：**\n```bash\n# 构建生产镜像\ndocker-compose build app\n# 启动生产容器\ndocker-compose up app\n```\n\n启动成功后，即可访问预览页面体验 Dashboard、TaskBoard、ChatGPT 集成等核心功能。","某初创团队需要在两周内交付一套面向多端用户的 SaaS 数据管理后台，且要求集成智能客服功能以辅助运营。\n\n### 没有 lux-ui 时\n- **架构搭建耗时**：开发者需手动配置 Vue3、Vite5 与 TypeScript 的复杂依赖，仅环境初始化就耗费数天，且容易遇到版本兼容坑。\n- **UI 风格不统一**：基于 Vuetify3 二次开发时，缺乏预设的高质量主题和响应式布局，导致桌面端与移动端适配效果参差不齐，反复调整样式代码。\n- **AI 集成门槛高**：若要接入 ChatGPT 实现智能助手，需从零编写 API 对接逻辑和对话界面，缺乏现成的组件参考，开发风险大。\n- **功能重复造轮子**：数据表格、富文本编辑器、拖拽看板等通用功能需自行寻找插件并封装，代码质量难以保证，维护成本极高。\n\n### 使用 lux-ui 后\n- **极速启动项目**：直接基于 lux-ui 开箱即用的模板开发，内置了优化的 Vue3+Vite+TS 架构，项目初始化缩短至小时级，让团队专注业务逻辑。\n- **完美多端体验**：利用其预置的自适应布局和精美 Vuetify3 主题，无需额外编码即可实现从手机到大屏的无缝切换，界面专业度大幅提升。\n- **智能功能内置**：直接调用集成的 ChatGPT 模块和对话组件，快速上线智能问答与数据分析助手，显著增强了产品的智能化竞争力。\n- **丰富组件复用**：直接使用内置的 Echarts 图表、可拖拽任务板及虚拟滚动列表等高级组件，大幅减少重复代码，确保系统稳定且易于维护。\n\nlux-ui 通过提供全栈式的技术底座与智能化组件，将后台系统的开发周期从“按月计”压缩至“按周计”，让团队能从容应对紧迫的交付挑战。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fyangjiakai_lux-ui_d4ed2679.png","yangjiakai","jk.yang","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fyangjiakai_c9b1df72.jpg",null,"Tokyo","https:\u002F\u002Fgithub.com\u002Fyangjiakai",[83,87,91,95,99,103],{"name":84,"color":85,"percentage":86},"Vue","#41b883",63.3,{"name":88,"color":89,"percentage":90},"TypeScript","#3178c6",35.5,{"name":92,"color":93,"percentage":94},"SCSS","#c6538c",1.1,{"name":96,"color":97,"percentage":98},"HTML","#e34c26",0.1,{"name":100,"color":101,"percentage":102},"Dockerfile","#384d54",0,{"name":104,"color":105,"percentage":102},"JavaScript","#f1e05a",688,141,"2026-03-31T06:43:06","MIT","Linux, macOS, Windows","未说明",{"notes":113,"python":111,"dependencies":114},"该项目为前端管理模板，基于 Vue3 + Vite + Vuetify3 构建，无需 GPU。运行需安装 Node.js 和 yarn（或 npm\u002Fpnpm）。项目集成了 OpenAI ChatGPT、Unsplash 等功能，需在根目录配置 .env 文件填入对应的 API Key（如 VITE_OPENAI_API_KEY）方可使用相关智能功能。支持通过 Docker Compose 进行开发和生产环境部署。",[115,116,117,118,119,120,121,122,123,124],"vue@3.2.47","vuetify@3.1.13","vite@4.2.1","typescript","pinia","vue-router@4","@vueuse\u002Fcore","vue-i18n","echarts","apexcharts",[15],[127,128,129,119,130,131,132,133,134,135,136,137],"vite","vue3","vuetify3","typscript","vuetify","openai","firebase","firebase-auth","chatgpt","markdown","mockjs","2026-03-27T02:49:30.150509","2026-04-10T22:21:40.770292",[141,146,151,156,161,166,171,176],{"id":142,"question_zh":143,"answer_zh":144,"source_url":145},28439,"项目中是否包含用于验证的滑块（Captcha）组件？","项目目前未内置此类组件。对于验证码滑块功能，建议引入专门的外部库来实现，而不是依赖模板自带组件。","https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-ui\u002Fissues\u002F35",{"id":147,"question_zh":148,"answer_zh":149,"source_url":150},28440,"为什么免费版模板中没有聊天（Chat）页面或完整组件？","官方尚未提供 Lux Admin Pro Vuetify3 版本的完整模板代码。维护者正在逐步更新此开源项目，会尽快完善并提交所有在 Pro 版中使用的组件，但这需要一定时间。","https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-ui\u002Fissues\u002F1",{"id":152,"question_zh":153,"answer_zh":154,"source_url":155},28441,"手机端首次使用时，如何让用户知道有侧边栏菜单？","侧边栏的显示状态已持久化。默认情况下第一次打开会自动显示侧边栏以引导用户；如果用户手动关闭过，后续打开则默认为关闭状态。","https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-ui\u002Fissues\u002F15",{"id":157,"question_zh":158,"answer_zh":159,"source_url":160},28442,"在 Chatbot 发送消息后，如何确保视图自动滚动到最新消息底部？","此前因布局调整导致该问题，现已通过给 Message 区域设置固定高度（手机端 Appbar 也设为固定高度）来修复，确保新消息生成后能自动定位到底部。","https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-ui\u002Fissues\u002F14",{"id":162,"question_zh":163,"answer_zh":164,"source_url":165},28435,"运行 npm run dev 时出现 'SyntaxError: Unexpected reserved word' 错误怎么办？","这是因为 Node.js 版本过低导致的。请升级您的 Node.js 到最新版本即可解决该问题。","https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-ui\u002Fissues\u002F13",{"id":167,"question_zh":168,"answer_zh":169,"source_url":170},28436,"项目启动后网页一直显示“正在加载”且无报错，如何解决？","这是正常现象。使用 Vite 进行初次编译时需要较长时间（大约一两分钟），只要控制台没有报错，请耐心等待编译完成即可。","https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-ui\u002Fissues\u002F31",{"id":172,"question_zh":173,"answer_zh":174,"source_url":175},28437,"运行项目时报错 'Failed to load module script... MIME type of text\u002Fhtml' 如何处理？","该问题已在相关 commit 中修复。请拉取最新代码或参考修复提交（commit 59ca90fa612c4ec1f2f01d5dbd77f6e37dad0774）来解决问题。","https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-ui\u002Fissues\u002F37",{"id":177,"question_zh":178,"answer_zh":179,"source_url":180},28438,"将默认语言设置为中文（zhHans）后，部分界面仍然显示英文怎么办？","这是因为部分 UI 元素尚未添加国际化翻译键（$t）。这是一个已知的小问题，欢迎社区贡献者提交 PR 来补充缺失的翻译内容。","https:\u002F\u002Fgithub.com\u002Fyangjiakai\u002Flux-ui\u002Fissues\u002F38",[]]