# weather-app

**Repository Path**: SxiHash/weather-app

## Basic Information

- **Project Name**: weather-app
- **Description**: 一个基于 Vue 3 的简单天气查询应用
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-20
- **Last Updated**: 2025-06-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

---

# Weather App

一个基于 Vue 3 和 Element Plus 的简单天气查询应用，提供实时天气信息和友好的用户界面。

![2](https://github.com/user-attachments/assets/8995ffd2-af88-4180-aae8-a127e444cda8)


---

## 功能特性

- **实时天气查询**：输入城市名称，获取当前天气信息。
- **天气详情**：包括温度、湿度、风速、天气状况等。
- **响应式设计**：适配桌面和移动设备。
- **主题切换**：支持浅色和深色模式。

---

## 技术栈

- **前端框架**：Vue 3
- **UI 组件库**：Element Plus
- **路由管理**：Vue Router
- **HTTP 请求**：Axios
- **构建工具**：Vue CLI

---

## 安装步骤

### 1. 克隆项目

```bash
git clone https://github.com/your-username/weather-app.git
cd weather-app
```

### 2. 安装依赖

```bash
npm install
```

### 3.添加自己的密钥和天气提供商网址

![1](https://github.com/user-attachments/assets/04187b67-ddfd-46dd-9537-422a65c03e08)



### 4. 运行启动

```bash
npm run serve
```

打开浏览器访问 [http://localhost:8080](http://localhost:8080)。

## 项目结构

```plaintext
weather-app/
├── public/                  # 静态资源
├── src/                     # 项目源代码
│   ├── assets/              # 静态资源（图片、字体等）
│   ├── components/          # 公共组件
|   ├── js/                  # 逻辑处理文件
│   ├── router/              # 路由配置
│   ├── styles/              # 样式文件
│   ├── views/               # 页面组件
│   ├── App.vue              # 根组件
│   └── main.js              # 项目入口文件
├── .gitignore               
├── babel.config.js          
├── jsconfig.json           
├── package-lock.json
├── package.json             # 项目依赖和脚本
├── README.md                # 项目说明文档
└── vue.config.js            # 项目配置文件
```

---

## 致谢

- [Vue 3](https://v3.vuejs.org/) - 渐进式 JavaScript 框架。
- [Element Plus](https://element-plus.org/) - 基于 Vue 3 的 UI 组件库。

---

## 联系方式

如有问题或建议，请联系：

- 邮箱：1372487981@q.com
- GitHub: [lost summer](https://github.com/driohcker)

---

# 仅供学习参考