# 快速开始：创建系统模板

## 🚀 3 步快速开始

### 1️⃣ 启动开发模式

```bash
npm run dev:win
# 或
npm run dev:mac
```

### 2️⃣ 创建/编辑封面模板

**步骤：**

```
页面: 视频 → 创建视频
进入: 编辑封面模板
操作:
  ├─ 设计模板内容
  ├─ 输入模板名称
  └─ 在底部看到 ✨ 设为系统模板 选项
```

### 3️⃣ 设为系统模板并保存

```
底部界面:

┌────────────────────────────────────────┐
│ ✨ 设为系统模板                        │
│ （保存时自动导出到配置文件）           │
│ [✓] ← 勾选此选项                      │
├────────────────────────────────────────┤
│              [取消]  [保存系统模板]    │
└────────────────────────────────────────┘

点击 [保存系统模板] → 完成！
```

---

## ✅ 验证成功

### 看到这个提示 = 成功 ✨

```
✅ 系统模板已保存并自动导出到配置文件
```

### 检查文件

```bash
# Windows
dir electron\config\system-templates.json

# macOS/Linux
ls -la electron/config/system-templates.json
```

---

## 🔄 重启验证

重启应用后：

```
视频 → 编辑封面模板
  ├─ 您的系统模板会自动加载
  ├─ 配置完全保留 ✅
  └─ 开发模式仍可编辑
```

---

## 🎯 关键点

| 点 | 说明 |
|----|------|
| 📍 在哪 | 视频 → 编辑封面模板 → 底部 |
| 🔍 何时显示 | 仅开发模式 |
| 💾 自动导出 | 勾选后保存时自动导出 |
| 🔒 生产保护 | 发行版中系统模板为只读 |

---

## ⚡ 常见问题

### 看不到选项？

```
原因: 可能不在开发模式
解决: npm run dev:win
```

### 导出失败？

```
原因: 目录权限问题
解决: 确保 electron/config/ 目录可写
```

### 如何修改？

```
1. 再次打开模板编辑器
2. 修改内容
3. 再勾选系统模板
4. 保存即可
```

---

## 📚 了解更多

详细文档: `docs/SYSTEM_TEMPLATES_USAGE_GUIDE.md`

技术细节: `docs/SYSTEM_TEMPLATES_IMPLEMENTATION_SUMMARY.md`

---

## 🎉 完成！

现在您可以：

✅ 创建系统模板
✅ 自动导出配置
✅ 重启后保留设置
✅ 生产版本中只读保护

**就这么简单！** 🚀