English | 简体中文 | Tiếng Việt
Plasmo 框架是骇客为骇客制作的一个强力的浏览器扩展 SDK。构建您的产品，无需担心配置文件编写和构建浏览器扩展时的奇怪特性。
它就像浏览器扩展界的 Next.js ！
- 对 React + Typescript 的一等支持
- 声明式开发，自动生成
manifest.json(MV3) - 热重载
.env*文件- 远程代码打包 (例如：使用 gtag4 )
- 自动部署 (通过 BPP)
- 还有更多! 🚀
- Node.js 16.x 及以上
- MacOS，Windows，或 Linux
- (强烈推荐) pnpm
我们有一些展示如何集成 Firebase Authentication、Redux、Supabase authentication、Tailwind 以及更多技术的示例。若要浏览全部示例，请访问示例仓库。
阅读文档以更深入地了解 Plasmo 框架。
pnpm dlx plasmo init example-dir
cd example-dir
pnpm dev
注意
- Popup 改动应在
popup.tsx - Options 页面改动应在
options.tsx - Content script 改动应在
content.ts - Background service worker 改动应在
background.ts
您还可以在它们各自的目录中组织这些文件：
ext-dir
├───assets
| └───icon512.png
├───popup
| ├───index.tsx
| └───button.tsx
├───options
| ├───index.tsx
| ├───utils.ts
| └───input.tsx
├───contents
| ├───site-one.ts
| ├───site-two.ts
| └───site-three.ts
...
此外，您也能够将代码放到 src 子目录，而不将它们放到根目录，请参阅该指南。注意 assets 和其他配置文件仍须在根目录下。
可以在 Discord 找到 Plasmo 社区。这是获得 Plasmo 框架使用帮助的恰当渠道。
我们的 行为守则 适用于所有 Plasmo 社区频道。
请参阅 贡献指南 以了解更多。
Plasmo 当前仍为 alpha 软件，且不同版本间可能存在修改，所以在使用过程中请留意，风险自负。