# UniApp X 项目

这是一个使用 `uniboot` 创建的 UniApp X 扩展版项目，支持 TypeScript 和 Pinia 状态管理。

## 项目特性

- ✅ TypeScript 支持
- ✅ Vue 3 Composition API
- ✅ Pinia 状态管理
- ✅ 类型定义完善
- ✅ 跨平台支持

## 项目结构

```
├── pages/              # 页面目录
│   └── index/          # 首页
├── stores/             # Pinia 状态管理
│   ├── index.ts        # Store 导出
│   └── counter.ts      # 计数器 Store 示例
├── static/             # 静态资源目录
├── types/              # TypeScript 类型定义
│   └── index.d.ts      # 全局类型定义
├── App.vue             # 应用入口组件
├── main.ts             # 应用入口文件
├── manifest.json       # 应用配置文件
├── pages.json          # 页面配置文件
├── tsconfig.json       # TypeScript 配置
├── uni.scss            # 全局样式变量
└── vite.config.ts      # Vite 配置文件
```

## 开发命令

```bash
# 安装依赖
npm install

# 类型检查
npm run type-check

# H5 开发
npm run dev:h5

# H5 构建
npm run build:h5

# 微信小程序开发
npm run dev:mp-weixin

# 微信小程序构建
npm run build:mp-weixin

# App 开发
npm run dev:app

# App 构建
npm run build:app
```

## 使用 Pinia

```typescript
import { useCounterStore } from '@/stores';

const counterStore = useCounterStore();

// 访问状态
console.log(counterStore.count);

// 调用 actions
counterStore.increment();
counterStore.decrement();
counterStore.reset();
```

## 相关文档

- [UniApp X 官方文档](https://uniapp.dcloud.net.cn/uni-app-x/)
- [Vue 3 文档](https://cn.vuejs.org/)
- [Pinia 文档](https://pinia.vuejs.org/zh/)
- [TypeScript 文档](https://www.typescriptlang.org/zh/)