# body

**Repository Path**: ming916/body

## Basic Information

- **Project Name**: body
- **Description**: 一款功能完整的孕期记录应用，覆盖孕周计算、身体变化记录、产检提醒、孕期日记、准爸爸互动等核心场景。UI 设计温暖治愈，所有数据本地存储，不经过云端，保护隐私安全。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-10
- **Last Updated**: 2026-05-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Body

一个基于 Nuxt 3 + Tailwind CSS 的现代化项目。

## 技术栈

- **框架**: Nuxt 3
- **样式**: Tailwind CSS
- **语言**: TypeScript
- **代码规范**: ESLint + Prettier

## 项目结构

```
.
├── assets/
│   └── css/
│       └── main.css          # Tailwind CSS 主样式文件
├── components/               # 组件目录
│   └── HelloWorld.vue        # 示例组件
├── composables/              # 组合式函数目录
│   └── useCounter.ts         # 示例 composable
├── layouts/                  # 布局目录
│   └── default.vue           # 默认布局
├── pages/                    # 页面目录
│   └── index.vue             # 首页
├── stores/                   # Pinia 状态管理目录
│   └── useAppStore.ts        # 应用状态 store
├── utils/                    # 工具函数目录
│   └── formatters.ts         # 格式化工具函数
├── app.vue                   # 主应用文件
├── nuxt.config.ts            # Nuxt 配置文件
├── tailwind.config.ts        # Tailwind CSS 配置文件
├── tsconfig.json             # TypeScript 配置文件
├── .prettierrc               # Prettier 配置文件
├── .gitignore                # Git 忽略文件
└── package.json              # 项目依赖配置
```

## 自定义主题

项目配置了温暖的自定义主题：

- **warm**: 暖粉色/桃红色系（10级渐变）
- **soft**: 柔和的绿色系（10级渐变）
- **cozy**: 温暖的中性色（10级渐变）

## 字体配置

- **sans**: Noto Sans SC（无衬线字体）
- **serif**: Noto Serif SC（衬线字体）

## 安装依赖

确保你已安装 Node.js (推荐 v20+) 和包管理工具（pnpm 或 npm）。

```bash
# 使用 pnpm（推荐）
pnpm install

# 或使用 npm
npm install
```

## 开发模式

```bash
pnpm dev
# 或
npm run dev
```

访问 http://localhost:3000 查看项目。

## 构建生产版本

```bash
pnpm build
# 或
npm run build
```

## 预览生产构建

```bash
pnpm preview
# 或
npm run preview
```

## 代码规范

### 代码检查

```bash
pnpm lint
# 或
npm run lint
```

### 自动修复代码问题

```bash
pnpm lint:fix
# 或
npm run lint:fix
```

### 代码格式化

```bash
pnpm format
# 或
npm run format
```

## 最佳实践

1. 遵循 Nuxt 3 的目录结构约定
2. 使用 TypeScript 编写类型安全的代码
3. 合理使用 composables 复用逻辑
4. 按功能模块拆分组件
5. 使用 Pinia 管理全局状态
6. 保持代码风格一致（ESLint + Prettier）