# quiteNote

**Repository Path**: xuanzun/quiteNote

## Basic Information

- **Project Name**: quiteNote
- **Description**: 极简的网页随手记工具，打开即记
- **Primary Language**: Unknown
- **License**: LGPL-3.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# QuickNote - 随手记

> 极简的网页随手记工具，打开即记

## ✨ 特性

- 🚀 **即开即记** - 页面加载时自动聚焦，无需额外操作
- 💾 **本地存储** - 使用 IndexedDB 本地存储，数据永不丢失
- 🔄 **自动保存** - 智能防抖保存，停止输入后自动保存
- 🌓 **深色/浅色模式** - 支持主题切换，跟随系统偏好
- 📱 **PWA 支持** - 可安装到桌面/主屏幕，支持离线使用
- 🔗 **多标签同步** - 使用 BroadcastChannel API 实现多标签页实时同步
- 📋 **一键复制** - 快速复制全文到剪贴板
- 🗑️ **安全清除** - 二次确认机制，防止误操作
- 📊 **字数统计** - 实时显示字符数量
- 🎨 **现代设计** - 精致的排版和微交互动画
- 📝 **多笔记管理** - 支持创建、切换、搜索和删除多个笔记

## 🛠️ 技术栈

- **框架**: Vue 3 (Composition API)
- **构建工具**: Vite
- **存储**: IndexedDB (idb-keyval)
- **PWA**: vite-plugin-pwa
- **样式**: Modern CSS (CSS Variables, Flexbox, Grid)

## 📦 安装与运行

### 安装依赖

```bash
npm install
# 或
yarn install
```

### 开发模式

```bash
npm run dev
# 或
yarn dev
```

### 生产构建

```bash
npm run build
```

### 预览生产版本

```bash
npm run preview
```

## 🎯 项目路线图

### Phase 1 ✅
- [x] 极简编辑界面
- [x] IndexedDB 本地存储
- [x] 自动保存机制
- [x] 字数统计
- [x] 深色/浅色模式
- [x] PWA 支持
- [x] 多标签页同步
- [x] 一键复制
- [x] 安全清除

### Phase 2 (开发中) 🚧
- [x] 多笔记管理
  - [x] 笔记列表侧边栏
  - [x] 创建新笔记
  - [x] 切换笔记
  - [x] 删除笔记
  - [x] 搜索笔记
  - [x] 自动提取标题
  - [x] 旧数据迁移
- [ ] Markdown 渲染支持
- [ ] 导出为文本/PDF
- [ ] 标签系统

### Phase 3 (未来)
- [ ] 云端同步
- [ ] 账号系统
- [ ] 协作功能

## 📝 使用说明

1. **开始记录**: 打开应用后，输入框会自动获取焦点，直接开始输入即可
2. **自动保存**: 停止输入约 800ms 后会自动保存到本地
3. **管理笔记**: 点击左上角菜单按钮打开笔记列表侧边栏
4. **新建笔记**: 点击底部工具栏的"新建"按钮或侧边栏中的"新建笔记"
5. **切换笔记**: 在侧边栏点击任意笔记进行切换
6. **搜索笔记**: 在侧边栏搜索框输入关键词搜索笔记
7. **复制内容**: 点击底部"复制"按钮可将全文复制到剪贴板
8. **清除内容**: 点击"清除"按钮，再次点击确认后清除当前笔记内容
9. **切换主题**: 点击右上角的主题图标切换深色/浅色模式
10. **离线使用**: 首次访问后，即使断网也可以正常使用
11. **安装到桌面**: 在浏览器中选择"安装应用"或"添加到主屏幕"

## 🔒 隐私说明

- 所有数据仅存储在您的浏览器本地
- 不会上传任何数据到服务器
- 不收集任何用户信息
- 完全离线可用

## 📄 许可证

MIT License

## 🙏 致谢

感谢所有开源项目的贡献者！

---

Made with ❤️ by QuickNote Team