Plasmo 中文文档

🚀 快速开始 · 📚 框架文档 · 💡 示例代码

产品概述

Plasmo 是一个专门为 浏览器扩展（Browser Extension） 开发打造的端到端平台，目标是让构建、测试、发布扩展这一全过程变得非常简单、高效。

Plasmo 提供了一个完整工具集，从框架（Framework）到测试环境（TestBed），再到发布（Publisher/Browser Platform Publisher），覆盖扩展开发的整个生命周期。你可以用它快速启动新扩展、编写 popup、content script、背景脚本（background Service Worker）、标签页（tab pages）等常见组件，同时支持热重载（hot-reloading）、React HMR，让开发过程即时可见。

技术栈特色

在技术栈方面，Plasmo 核心支持 TypeScript + React，也可以选用 Vue 或 Svelte。它内置 storage、messaging API 等模块，简化不同脚本之间（比如 popup 与 content script 或 background script）通信以及状态管理的难题。对 manifest.json 的管理也被高度抽象化 —— 开发者通常不需要手写 manifest，而是通过配置或源码约定自动生成。

核心功能

🛠️ Plasmo Framework

• 现代化开发体验：支持 TypeScript、React、Vue、Svelte
• 热重载支持：实时查看代码更改效果
• 自动配置：manifest.json 自动生成和管理
• 内置工具库：存储管理、消息传递等核心功能

🧪 Itero TestBed

• 即时更新推送：无需等待审核，直接向测试用户发布
• GitHub 集成：自动化部署流程
• 版本控制：自动管理扩展版本
• 真实环境测试：接近生产环境的测试体验

📦 Browser Platform Publisher

• 多平台发布：支持 Chrome、Firefox、Edge 等商店
• 自动化流程：GitHub Actions 自动化发布
• 开源工具：完全免费的发布解决方案

开发优势

使用 Plasmo，您可以获得：

• ⏱️ 开发效率提升：告别繁琐的配置和样板代码
• 🔧 现代化工具链：享受现代前端开发体验
• 🌐 多浏览器支持：一次开发，多平台运行
• 🤝 活跃社区：400+ 开发者的技术支持社区
• 🚀 快速迭代：测试和发布流程高度自动化

开始使用

准备好开始构建出色的浏览器扩展了吗？

• 查看快速入门指南
• 探索框架功能
• 加入开发者社区 

Plasmo - 让浏览器扩展开发回归简单与高效。