Chrome 扩展模板项目

这是一个基于 Plasmo 框架的 Chrome 扩展开发模板项目，提供了扩展开发所需的基本结构和功能示例。

特性

• 包含所有基本扩展页面的 Demo 实现（Popup、Options、Sidepanel、Background、Content Script）
• 使用 TypeScript 进行类型安全的开发
• 使用 Tailwind CSS 进行样式设计
• 内置国际化支持（中英文）
• 提供基本工具函数

目录结构

src/
├── popup/           # 弹出窗口页面
├── options/         # 选项页面
├── sidepanel/       # 侧边栏页面
├── background/      # 后台服务脚本
├── contents/        # 内容脚本
├── components/      # 共享组件
├── utils/           # 工具函数
└── types/           # 类型定义

开发指南

安装依赖

pnpm install

开发模式

pnpm dev

构建扩展

pnpm build

打包扩展

pnpm package

扩展使用说明

1. 弹出窗口：点击工具栏图标打开
2. 选项页面：在扩展管理页面点击"选项"打开
3. 侧边栏：点击工具栏侧边栏图标打开
4. 内容脚本：自动在网页中注入，显示悬浮按钮

自定义开发

1. 修改 package.json 中的扩展信息
2. 更新 locales 目录下的国际化文件
3. 修改各页面组件实现自己的功能
4. 在 manifest 配置中添加所需权限

许可证

MIT