browser-plugin-creator/templates/basic-popup/README.md

A modern scaffolding tool for creating browser extensions with ease

# {{name}}

{{description}}

## 功能特性

- ✅ 简洁的弹出窗口界面
- ✅ 与当前页面交互
- ✅ 本地存储支持
- ✅ 响应式设计

## 快速开始

### 安装依赖

```bash
npm install
```

### 开发模式

```bash
npm run dev
```

### 构建扩展

```bash
npm run build
```

### 加载到浏览器

1. 打开 Chrome 浏览器
2. 访问 `chrome://extensions/`
3. 开启右上角的"开发者模式"
4. 点击"加载已解压的扩展程序"
5. 选择 `dist` 文件夹

## 项目结构

```
{{name}}/
├── src/
│   ├── popup/
│   │   ├── popup.html
│   │   ├── popup.css
│   │   └── popup.js
│   ├── background.js
│   └── content.js
├── icons/
├── manifest.json
├── package.json
├── webpack.config.js
└── README.md
```

## 开发指南

### 添加新功能

1. 修改 `src/popup/popup.js` 添加交互逻辑
2. 更新 `manifest.json` 添加所需权限
3. 重新构建并重新加载扩展

### 调试

- 使用 Chrome DevTools 调试 popup
- 访问 `chrome://extensions/` 查看错误日志
- 使用 `console.log()` 在 background script 中调试

## 浏览器支持

- Chrome 88+
- Edge 88+
- Firefox 78+
- Safari 14+

## 许可证

MIT License