{"repo":"halolight/halolight-vue","free":true,"listed":false,"github":"https://github.com/halolight/halolight-vue","clone":"git clone https://github.com/halolight/halolight-vue.git","description":"💚 Vue 3.5 + Vite 7 企业级管理后台 - Pinia, TanStack Query, TypeScript, RBAC, shadcn-vue, 拖拽仪表盘, Mock 数据 → halolight-vue.h7ml.cn","language":"Vue","stars":13,"topics":["admin-template","dashboard","halolight","tailwindcss","vite","vue3","pinia","rbac","shadcn-vue","typescript"],"license":"MIT","category":"dashboards-admin","readme_excerpt":"Halolight Vue Admin Pro 基于 Vue 3 + Vite 的现代化中文后台管理系统，内置可拖拽仪表盘、权限与状态管理、主题换肤、PWA 能力与可选 Mock 数据，适合快速搭建中后台应用。 - 在线预览： - GitHub： 功能亮点 - Vue 3 Composition API + TypeScript ：全面使用 语法，类型安全 - Vite 7 (Rolldown) ：极速开发体验，支持 PWA、SEO 优化 - Tailwind CSS 4 + shadcn-vue ：原子化样式、Radix Vue 原语、流畅主题切换（深色/浅色/系统） - 多种主题皮肤 ：支持 Default、Ocean、Forest、Sunset、Rose 等多种皮肤配色 - 可拖拽仪表盘 ：grid-layout-plus 支持拖拽、添加/删除/重置、布局持久化到 localStorage - 状态与数据流 ：TanStack Vue Query 5 + Axios 请求层，Pinia 2 管理认证/仪表盘/导航/UI 设置等全局状态 - 增强交互体验 ：@vueuse/motion 动画、TabBar 多页签、加载遮罩 - ECharts 图表 ：主题自适应配色，跟随皮肤变化 - 快捷设置面板 ：快速切换主题、导航栏、TabBar、页脚等布局选项 - Mock.js 集成 ：环境变量一键启用，无后端快速演示开发 - 完整 CI/CD ：GitHub Actions 自动化测试、构建 目录结构 快速开始 环境要求：Node.js = 18、pnpm = 8（项目锁定 pnpm@10.23.0）。 可选：启用 Mock 数据（仅前端模拟） 生产构建与预览 环境变量 变量名 说明 默认值 -------- ------ -------- VITE API URL API 基础地址 /api VITE USE MOCK true 时启用 Mock.js 拦截 true VITE APP TITLE 应用标题 Admin Pro VITE BRAND NAME 品牌名称 Halolight VITE DEMO EMAIL 演示账号邮箱 - VITE DEMO PASSWORD 演示账号密码 - VITE SHOW DEMO HINT 显示演示账号提示 true 在项目根目录创建 .env.local 文件来覆盖默认值。 常用脚本 技术栈 类别 技术 ------ ------ 核心框架 Vue 3.5 + Vite 7 (Rolldown) 类型系统 TypeScript 5.9 路由 Vue Router 4 状态管理 Pinia 2 + pinia-plugin-persistedstate 数据请求 TanStack Vue Query 5 + Axios 样式 Tailwind CSS 4 + tw-animate-css UI 组件 shadcn-vue (Radix Vue / Reka UI) 图标 lucide-vue-next 图表 ECharts 6 + vue-echarts 动画 @vueuse/motion 拖拽布局 grid-layout-plus Mock Mock.js 测试 Vitest + Vue Test Utils + Testing Library 代码规范 - 组件风格 ：严格使用 Vue 3 语法 - 导入排序 ：使用 ESLint 插件自动管理 import 顺序 - 路径别名 ：使用 @/ 指向 s","default_branch":null,"files":null,"tree":[],"storefront":"/r/halolight","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/halolight/halolight-vue/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}