English | 简体中文 | Tiếng Việt | Deutsch | French | Indonesian | Русский | Turkish | 日本語 | 한국어
Das Plasmo Framework ist ein SDK zum Erstellen von Browser-Erweiterungen, das von Hackern für Hacker entwickelt wurde. Erstelle dein Produkt, ohne dir Gedanken über Konfigurationsdateien und die seltsamen Eigenheiten der Erstellung von Browsererweiterungen machen zu müssen.
Es ist wie Next.js für Browser-Erweiterungen!
- Direkte Unterstützung von React + Typescript
- Deklarative Entwicklung mit automatischer Erzeugung von "manifest.json" (MV3)
- Automatisches Neuladen
.env*
Datei-Unterstützung- Bundling von externen Skripten (z.B. für gtag4)
- Automatisierte Bereitstellung (über BPP)
- Und viel, viel mehr! 🚀
- Node.js 16.x oder neuer
- MacOS, Windows oder Linux
- (Stark empfohlen) pnpm
Wir haben Beispiele, die zeigen, wie man Plasmo mit Firebase-Authentifizierung, Redux, Supabase-Authentifizierung, Tailwind und vielen anderen verwenden kann. Um sie auszuprobieren, besuche unser Beispiel-Repository.
Schaue dir die Dokumentation an, um einen tieferen Einblick in das Plasmo Framework zu erhalten.
pnpm dlx plasmo init example-dir
cd example-dir
pnpm dev
Danach stehen dir alle Wege offen.
- Popup-Änderungen kommen in
popup.tsx
- Änderungen an der Optionsseite kommen in
options.tsx
. - Änderungen am Inhaltsskript kommen in
content.ts
- Änderungen am Hintergrunddienst kommen in die Datei
background.ts
.
Du kannst die Dateien auch in eigenen Ordnern organisieren:
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
...
Außerdem kannst du auch vermeiden, dass alle Dateien im Hauptverzeichnis liegen, wenn du sie in das Unterverzeichnis src
legen, indem du dieser Anleitung folgst. Beachte, dass assets
und andere Konfigurationsdateien immer noch im Hauptverzeichnis liegen müssen.
Die Plasmo-Community ist auf Discord zu finden. Das ist der richtige Kanal, um Hilfe bei der Verwendung des Plasmo-Frameworks zu erhalten.
Unser Verhaltenskodex gilt für alle Plasmo Community-Kanäle.
Schaue dir die Richtlinien an, um mehr zu erfahren.
Plasmo ist derzeit eine Alphasoftware, und einige Dinge können sich von Version zu Version ändern. Sei also bitte achtsam und benutze es auf eigenes Risiko.