# 学习项目1

**Repository Path**: feiniuzai/study

## Basic Information

- **Project Name**: 学习项目1
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-28
- **Last Updated**: 2026-01-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# TodoList 应用

基于 Vue 3 + Vite + Ant Design Vue 的待办事项应用，支持任务分类/标签功能。

## 功能特性

- 添加、删除、完成/未完成任务
- 任务分类/标签管理
- 数据持久化存储（localStorage）
- 按分类筛选任务
- 响应式设计

## 技术栈

- Vue 3 (Composition API)
- TypeScript
- Vite
- Ant Design Vue
- UUID

## 项目结构

```
src/
├── components/     # Vue组件
│   ├── TodoInput.vue
│   ├── TodoItem.vue
│   └── TodoList.vue
├── composables/    # 组合式API逻辑
│   └── useTodos.ts
├── types/          # TypeScript类型定义
│   └── index.ts
├── App.vue         # 主应用组件
└── main.ts         # 入口文件
```

## 安装与运行

1. 安装依赖：
   ```bash
   npm install
   ```

2. 启动开发服务器：
   ```bash
   npm run dev
   ```

3. 构建生产版本：
   ```bash
   npm run build
   ```

## 使用说明

1. 在输入框中输入待办事项内容
2. 选择或创建任务分类
3. 点击"添加"按钮创建任务
4. 使用复选框标记任务完成状态
5. 通过分类筛选查看特定类型的任务