Chrome Extension Generator

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

Install

openclaw skills install @sunshine-del-ux/chrome-extension-generator

Chrome Extension Generator

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

功能

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

模板类型

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

使用方法

生成扩展

bash

# 基本用法
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`	输出目录

输出结构

text

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 扩展

bash

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

内容脚本扩展

bash

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

完整扩展

bash

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

manifest.json 示例

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"
  }
}

安装

bash

# 无需依赖

开发流程

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

发布到 Chrome Web Store

生成模板包含：

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

变现思路

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

示例扩展

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

常用权限

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