# antv-g2-data

**Repository Path**: OPLAL/antv-g2-data

## Basic Information

- **Project Name**: antv-g2-data
- **Description**:  这是一个功能明确、技术栈现代的 Vue 3 天气应用。它通过调用外部 API 获取数据，并以清晰的界面和图表向用户展示关键的天气和环境信息。项目结构清晰，遵循了 Vue 生态的常见实践。
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-11
- **Last Updated**: 2025-11-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目概述

这是一个基于 Vue 3 和 Vite 构建的天气看板应用。它使用 TypeScript 进行开发，并利用了 Pinia 进行状态管理。项目通过调用 Open-Meteo API 获取天气数据，包括当前天气、天气预报和空气质量信息，并以可视化的方式展示给用户。

主要技术栈：

- **Vue 3**: 用于构建用户界面的渐进式框架。
- **Vite**: 用于快速构建和开发的工具。
- **TypeScript**: 为 JavaScript 添加静态类型检查。
- **Pinia**: Vue 的状态管理库。
- **Axios**: 用于发送 HTTP 请求。
- **G2**: 用于数据可视化的图表库 (AntV G2)。
- **Lucide Vue Next**: 图标库。

项目结构遵循标准的 Vue 3 项目布局，`src` 目录包含了应用的主要源代码。

## 项目结构

```
shujv/
├── .editorconfig
├── .gitattributes
├── .gitignore
├── .prettierrc.json
├── env.d.ts
├── eslint.config.ts
├── index.html
├── package.json
├── playwright.config.ts
├── pnpm-lock.yaml
├── README.md
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.node.json
├── tsconfig.vitest.json
├── vite.config.ts
├── vitest.config.ts
├── .vscode/
├── e2e/
├── node_modules/
├── public/
├── src/
│   ├── App.vue
│   ├── main.ts
│   ├── __tests__/
│   ├── assets/
│   ├── components/
│   ├── data/
│   ├── stores/
│   ├── type/
│   └── utils/
└── IFLOW.md
```

## 构建和运行

### 项目设置

```sh
pnpm install
```

### 编译和热重载以进行开发

```sh
pnpm dev
```

### 类型检查、编译和压缩以用于生产

```sh
pnpm build
```