# psychoemotional-assistant-h5

**Repository Path**: NorthQh/psychoemotional-assistant-h5

## Basic Information

- **Project Name**: psychoemotional-assistant-h5
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-01
- **Last Updated**: 2025-04-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 心理情绪助手 H5 项目

#### 项目介绍

这是一个基于 Vue 3 + TypeScript + Vite 构建的心理情绪助手 H5 前端项目。项目包含完整的 API 模块、路由管理、状态管理等功能，采用模块化设计，易于维护和扩展。

#### 技术栈

-   Vue 3
-   TypeScript
-   Vite
-   Pinia (状态管理)
-   Axios (HTTP 请求)
-   SCSS (样式预处理)
-   ESLint + Prettier (代码规范)

#### 项目结构

```
├── public/            # 静态资源
├── src/               # 源代码
│   ├── api/           # API模块
│   ├── pages/         # 页面组件
│   ├── router/        # 路由配置
│   ├── stores/        # 状态管理
│   ├── styles/        # 全局样式
│   ├── typings/       # 类型定义
│   ├── App.vue        # 根组件
│   └── main.ts        # 入口文件
├── .eslintrc.js       # ESLint配置
├── .prettierrc        # Prettier配置
├── tsconfig.json      # TypeScript配置
└── vite.config.ts     # Vite配置
```

#### 安装步骤

1. 安装依赖

```bash
pnpm install
```

2. 开发模式

```bash
pnpm dev
```

3. 生产构建

```bash
pnpm build
```

4. 代码检查

```bash
pnpm lint
```

#### 开发指南

1. API 模块开发

    - 在`src/api/modules/`下创建新的模块
    - 使用`src/api/request/request.ts`封装的 axios 实例
    - 添加类型定义到`src/api/modules/*/type.d.ts`

2. 页面开发

    - 在`src/pages/`下创建新的页面组件
    - 在`src/router/index.ts`中配置路由

3. 状态管理
    - 使用 Pinia 进行状态管理
    - 在`src/stores/`下创建新的 store

#### 贡献指南

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request

#### 许可证

MIT License