Chrome拡張機能の骨組みを作成します。複数のボイラープレートがサポートされています!
- 🚀 高速なHMR(Vite4を使用)
- 🥡 すぐに使える
- 🌈 複数のフロントエンドフレームワークをサポート(React · Vue · Svelte · Preact · Solid · Alpine · Lit · Inferno · Stencil · Vanilla)
- 🥢 複数の言語をサポート(JavaScript · TypeScript)
- 🧶 最適化されたビルド
English · 简体中文 · French · 한국어 · Indonesian · Русский · Deutsch · 日本語 (by ChatGPT)
Node >= 14.18.0
# npm-createコマンドを使用するか、pnpmまたはyarnを使用します
λ npm create chrome-ext
# またはnpxコマンドを使用します
λ npx create-chrome-ext
# またはnpm-initコマンドを使用します
λ npm init chrome-ext
追加のコマンドラインオプションを使用して、プロジェクト名と使用したいテンプレートを直接指定することもできます。例えば、Vite + Svelteプロジェクトの骨組みを作成するには、次のコマンドを実行します:
# npm 6.x
λ npm create chrome-ext@latest my-crx-app --template svelte-js
# またはnpm 7+、追加の二重ダッシュが必要です:
λ npm create chrome-ext@latest my-crx-app -- --template react-ts
# またはyarnを使用します
λ yarn create chrome-ext my-crx-app --template vue-ts
# またはpnpmを使用します
λ pnpm create chrome-ext my-crx-app --template vanilla-ts
プロジェクトをcrx
CLIで生成することもできます。次のコマンドを実行してください:
λ npm install create-chrome-ext --global
# そして
λ crx my-crx-app
# または
λ crx my-crx-app --template preact-js
# またはcreate-chrome-exe(グローバル環境を使用)
λ create-chrome-ext my-crx-app