Créez la structure de votre extension Chrome, avec prise en charge de plusieurs modèles de démarrage !
- 🚀 Mise à jour rapide avec HMR (utilisation de Vite4)
- 🥡 Prêt à l'emploi
- 🌈 Prise en charge de plusieurs frameworks (React · Vue · Svelte · Preact · Solid · Alpine · Lit · Inferno · Stencil · Vanilla)
- 🥢 Prise en charge de plusieurs langages (JavaScript · TypeScript)
- 🧶 Création optimisée
English · 简体中文 · French · 한국어 · Indonesian · Русский · Deutsch · 日本語 (Translated by ChatGPT)
Node >= 14.18.0
# Utilisez la commande npm-create, ou utilisez pnpm | yarn
λ npm create chrome-ext
# ou utilisez la commande npx
λ npx create-chrome-ext
# ou utilisez la commande npm-init
λ npm init chrome-ext
Vous pouvez également spécifier directement le nom du projet et le modèle que vous souhaitez utiliser via des options de ligne de commande supplémentaires. Par exemple, pour créer la structure d'un projet Vite + Svelte, exécutez la commande suivante :
# npm 6.x
λ npm create chrome-ext@latest my-crx-app --template svelte-js
# ou npm 7+, un double tiret supplémentaire est nécessaire :
λ npm create chrome-ext@latest my-crx-app -- --template react-ts
# ou yarn
λ yarn create chrome-ext my-crx-app --template vue-ts
# ou pnpm
λ pnpm create chrome-ext my-crx-app --template vanilla-ts
Vous pouvez également générer le projet avec l'interface de ligne de commande crx
, exécutez la commande suivante :
λ npm install create-chrome-ext --global
# puis
λ crx my-crx-app
# ou
λ crx my-crx-app --template preact-js
# ou utilisez create-chrome-exe (environnement global)
λ create-chrome-ext my-crx-app