# Digital Lighting Dashboard 基于 Vue 3 + TypeScript + Vite 构建的数字照明仪表板项目。 ## 技术栈 - Vue 3.5.13 - TypeScript - Vite 6.2.0 - Element Plus 2.9.7 - ECharts 5.6.0 - Vue Router 4 - Axios 1.8.4 ## 系统要求 - Node.js >= 18.0.0 - npm >= 8.0.0 ## 开发环境设置 1. 克隆项目 ```bash git clone [项目地址] cd digital-lighting-dashboard ``` 2. 安装依赖 ```bash npm install ``` 3. 启动开发服务器 ```bash npm run dev ``` 开发服务器将在以下地址启动: - 本地访问:http://localhost:5173 - 局域网访问:http://[你的IP]:5173 ## 可用的命令 - `npm run dev` - 启动开发服务器 - `npm run build` - 构建生产版本 - `npm run preview` - 预览生产构建 - `npm run lint` - 运行代码检查 - `npm run format` - 格式化代码 ## 项目结构 ``` digital-lighting-dashboard/ ├── src/ # 源代码目录 ├── public/ # 静态资源 ├── dist/ # 构建输出目录 ├── vite.config.ts # Vite 配置 ├── tsconfig.json # TypeScript 配置 └── package.json # 项目依赖和脚本 ``` ## 代码规范 项目使用 ESLint 和 Prettier 进行代码规范和格式化: - ESLint 用于代码质量检查 - Prettier 用于代码格式化 ## 构建部署 构建生产版本: ```bash npm run build ``` 构建完成后,`dist` 目录中包含可部署的文件。 ## 浏览器支持 - Chrome >= 87 - Firefox >= 78 - Safari >= 14 - Edge >= 88 ## 许可证 [添加许可证信息]