English | 简体中文 | Tiếng Việt | Deutsch | French | Indonesian | Русский | Turkish | 日本語 | 한국어
Le Plasmo Framework est un SDK pour la création d'extensions de navigateur, développé par des hackers pour des hackers. Créez votre produit sans vous soucier des fichiers de configuration et des étranges particularités de la création d'extensions de navigateur.
C'est comme Next.js pour les extensions de navigateur !
- Prise en charge de React + Typescript de première classe
- Développement déclaratif avec création automatique de "manifest.json" (MV3)
- Chargement en temps réel
- Content Scripts UI
- Fichiers
.env* - Regroupement de codes distants (par exemple pour gtag4)
- Cibler plusieurs paires de navigateurs et de manifestes
- Déploiement automatisé via BPP
- Svelte ou Vue
- Et beaucoup, beaucoup plus! 🚀
- Node.js 16.x ou plus récent
- MacOS, Windows ou Linux
- (Fortement recommandé) pnpm
Nous avons des exemples qui montrent comment utiliser Plasmo avec l'authentification Firebase, Redux, Supabase authentication, Tailwind, et bien d'autres. Pour les essayer, visitez notre référentiel d'exemples.
Consultez la documentation pour obtenir une vue plus approfondie du cadre Plasmo.
pnpm create plasmo example-dir
cd example-dir
pnpm dev
La route qui nous attend est pleine de virages.
- Les modifications de popup viennent dans
popup.tsx. - Les modifications de la page d'options viennent dans
options.tsx. - Les modifications du script de contenu se trouvent dans
content.ts. - Les modifications du service d'arrière-plan vont dans le fichier
background.ts.
Vous pouvez également organiser ces fichiers dans leurs propres répertoires :
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
...
Enfin, vous pouvez aussi éviter de placer le code source dans votre répertoire racine en le plaçant dans un sous-répertoire src, en suivant ce guide. Notez que assets et les autres fichiers de configuration devront toujours être dans le répertoire racine.
La communauté Plasmo se trouve sur Discord. C'est le réseau approprié pour obtenir de l'aide sur l'utilisation du cadre Plasmo.
Notre code de conduite s'applique à tous les canaux de la communauté Plasmo.
Veuillez consulter les directives de contribution pour en savoir plus.
Plasmo est actuellement un logiciel alpha, et certaines choses peuvent changer d'une version à l'autre, alors soyez attentifs et utilisez-le à vos propres risques.