Chrome Extension Generator

一键生成 Chrome 扩展程序模板，支持 Popup、Background Script、Content Script、Options 页面等多种类型。

一键生成 Chrome 扩展程序模板，快速启动你的扩展开发。

功能

• ⚡ 快速生成项目结构
• 🎨 多种模板可选
• 📝 完整的配置文件
• 🧪 测试模板
• 📖 生成 README
• 🚀 支持 TypeScript

模板类型

模板	说明
basic	基础 Hello World
popup	带 Popup 界面
options	设置页面
content-script	内容脚本
background	后台脚本
full	完整功能扩展

使用方法

生成扩展

# 基本用法
chrome-extension-generator "扩展名称" "描述"

# 指定模板
chrome-extension-generator "My Extension" "描述" --template popup

# 指定技术栈
chrome-extension-generator "扩展" "描述" --template full --stack typescript

选项

选项	说明
--template, -t	模板类型
--stack, -s	JavaScript/TypeScript
--output, -o	输出目录

输出结构

my-extension/
├── manifest.json
├── popup.html
├── popup.js
├── popup.css
├── background.js
├── content.js
├── options.html
├── options.js
├── icon.png
├── README.md
└── _locales/
    └── en/
        └── messages.json

示例

Popup 扩展

chrome-extension-generator "Focus Timer" "Pomodoro timer extension" --template popup

内容脚本扩展

chrome-extension-generator "Page Highlighter" "Highlight text on pages" --template content-script

完整扩展

chrome-extension-generator "All-in-One Tool" "Ultimate browser tool" --template full

manifest.json 示例

{
  "manifest_version": 3,
  "name": "My Extension",
  "version": "1.0.0",
  "description": "An amazing Chrome extension",
  "permissions": ["storage", "activeTab"],
  "action": {
    "default_popup": "popup.html"
  },
  "background": {
    "service_worker": "background.js"
  }
}

安装

# 无需依赖

开发流程

1. 生成模板
2. 修改 manifest.json
3. 编写功能代码
4. 本地加载扩展
5. 测试并发布

发布到 Chrome Web Store

生成模板包含：

• 发布检查清单
• 上传截图模板
• 商店描述模板

变现思路

1. 付费模板 - 专业版模板
2. 定制开发 - 为客户开发扩展
3. 插件市场 - 建立扩展市场
4. 广告收入 - 在扩展中展示广告
5. 联盟营销 - 推广产品获取佣金

示例扩展

• 广告拦截器
• 密码管理器
• 截图工具
• 笔记工具
• 社媒工具
• 开发辅助工具

常用权限

权限	说明
storage	本地存储
activeTab	当前标签页
tabs	标签页管理
bookmarks	书签管理
history	历史记录
cookies	Cookie 管理
webRequest	网络请求