README.de-DE.md

Erstellen einer Chrome-Erweiterung (.crx)

Strukturieren Sie Ihre Chrome-Erweiterung, mit Unterstützung mehrerer Boilerplates!

• 🚀 Blitzschnelle HMR (Verwendung von Vite4)
• 🌈 Unterstützung mehrerer Frameworks (React · Vue · Svelte · Preact · Solid · Alpine · Lit · Inferno · Stencil · Vanilla)
• 🥢 Unterstützung mehrerer Sprachen (JavaScript · TypeScript)
• 🥡 Sofort einsatzbereit (Background \ Content \ Popup \ Options \ SidePanel \ DevTools \ NewTab)
• 🧶 Optimierte Builds

English · 简体中文 · French · 한국어 · Indonesian · Русский · Deutsch · 日本語 (by ChatGPT)

Installation

Node >= 14.18.0

# Verwenden Sie den Befehl npm-create oder verwenden Sie pnpm | yarn
λ npm create chrome-ext

# oder verwenden Sie den Befehl npx
λ npx create-chrome-ext

# oder verwenden Sie den Befehl npm-init
λ npm init chrome-ext

Verwendung

Sie können auch direkt den Projektnamen und die Vorlage, die Sie verwenden möchten, über zusätzliche Befehlszeilenoptionen angeben. Um beispielsweise eine Vite + Svelte-Projektstruktur zu erstellen, führen Sie folgenden Befehl aus:

# npm 6.x
λ npm create chrome-ext@latest my-crx-app --template svelte-js

# oder npm 7+, es ist ein zusätzlicher Doppelstrich erforderlich:
λ npm create chrome-ext@latest my-crx-app -- --template react-ts

# oder yarn
λ yarn create chrome-ext my-crx-app --template vue-ts

# oder pnpm
λ pnpm create chrome-ext my-crx-app --template vanilla-ts

Sie können das Projekt auch mit dem Befehlszeilen-Tool crx generieren. Führen Sie dazu den folgenden Befehl aus:

λ npm install create-chrome-ext --global

# und dann
λ crx my-crx-app
# oder
λ crx my-crx-app --template preact-js
# oder verwenden Sie create-chrome-exe (globale Umgebung)
λ create-chrome-ext my-crx-app

Vorschau