新しい拡張機能の作成

対話型の初期化ウィザードを実行するには、以下のコマンドを使用します。

pnpm create plasmo
# または
yarn create plasmo
# または
npm create plasmo

名前の入力をスキップするには、名前を位置引数として指定します。

pnpm create plasmo "My Awesome Extension"
# または
yarn create plasmo "My Awesome Extension"
# または
npm create plasmo "My Awesome Extension"

src ディレクトリを使用する場合

デフォルトでは、Plasmoはすべてのソースコードがルートディレクトリにあることを想定しています。ただし、このガイドに従って、src ディレクトリをソースコードのホームとして使用できます。

特定のエントリファイルを使用する場合

デフォルトのプロジェクトには、popup エントリファイルのみが含まれています。ただし、entry フラグを使用して、初期プロジェクトに含めるエントリファイルのカンマ区切りのリストを指定することで、この動作をカスタマイズできます。

このフラグを使用するには、プロジェクトに含めたいエントリファイルを選択し、ファイル拡張子を省略して、--entry フラグに指定します。

利用可能なエントリファイルは多数あります。このディレクトリ (opens in a new tab)を確認して、利用可能なすべてのエントリファイルを確認してください。

pnpm create plasmo --entry=options,newtab,contents/inline
# または
npm create plasmo -- --entry=options,newtab,contents/inline

上記のコマンドは、オプションページ、新しいタブページ、およびインラインコンテンツスクリプトUIを含むプロジェクトを作成します。

例となるテンプレートを使用する場合

さらに強力な機能として、Plasmoは例 (opens in a new tab)の1つに基づいて新しいプロジェクトを作成できます。例を選択し、create plasmo コマンドを実行する際にその名前をフラグとして使用します。

pnpm create plasmo --with-env
# または
npm create plasmo -- --with-env

上記のコマンドは、with-env (opens in a new tab) の例を使用してプロジェクトを生成します。