# dgov-trace-web

**Repository Path**: ray-liu_resp/dgov-trace-web

## Basic Information

- **Project Name**: dgov-trace-web
- **Description**: 链路跟踪前端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-29
- **Last Updated**: 2026-05-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# dgov-security-web

基于 Vue 3 + Vite + Pinia + Element Plus 的后台管理系统

## 技术栈

- **框架**: Vue 3.5.13
- **构建工具**: Vite 6.0.5
- **状态管理**: Pinia 3.0.3
- **UI 组件库**: Element Plus 2.13.3
- **路由**: Vue Router 4.5.0
- **国际化**: Vue I18n 11.1.12
- **HTTP 客户端**: Axios 1.12.2
- **图表**: ECharts 6.0.0
- **代码规范**: ESLint 9.18.0 + Prettier 3.3.3

## 环境要求

- Node.js 18+
- pnpm 8+

## 快速开始

### 1. 安装依赖

```bash
pnpm install
```

### 2. 启动开发服务器

```bash
pnpm run dev
```

开发服务器默认运行在 http://localhost:2025/

### 3. 构建生产环境

```bash
pnpm run build
```

构建后的文件将输出到 `dist` 目录

### 4. 预览生产构建

```bash
pnpm run preview
```

## 可用脚本

| 命令 | 说明 |
|------|------|
| `pnpm run dev` | 启动开发服务器 |
| `pnpm run build` | 构建生产环境 |
| `pnpm run preview` | 预览生产构建 |
| `pnpm run lint` | 运行 ESLint 检查并修复 |
| `pnpm run format` | 使用 Prettier 格式化代码 |

## 项目结构

```
dgov-security-web/
├── public/                 # 静态资源
├── src/
│   ├── assets/            # 资源文件（图片、字体等）
│   ├── components/        # 公共组件
│   ├── configs/           # 配置文件
│   ├── constants/         # 常量定义
│   ├── directives/        # 自定义指令
│   ├── enums/             # 枚举定义
│   ├── hooks/             # 组合式函数
│   ├── layouts/           # 布局组件
│   ├── locales/           # 国际化文件
│   ├── plugins/           # 插件
│   ├── router/            # 路由配置
│   ├── services/          # API 服务
│   ├── stores/            # Pinia 状态管理
│   ├── styles/            # 全局样式
│   ├── utils/             # 工具函数
│   ├── views/             # 页面视图
│   ├── App.vue            # 根组件
│   └── main.js            # 入口文件
├── .env                   # 环境变量
├── .env.development       # 开发环境变量
├── .env.production        # 生产环境变量
├── index.html             # HTML 模板
├── package.json           # 项目配置
├── vite.config.js         # Vite 配置
└── README.md              # 项目说明
```

## 开发规范

- 使用 Vue 3 组合式 API
- 使用 `<script setup>` 语法
- 组件名使用大驼峰命名法
- 文件名使用小写驼峰或短横线连接

## 浏览器支持

- Chrome >= 88
- Firefox >= 78
- Safari >= 14
- Edge >= 88

## 许可证

[MIT](LICENSE)