WebStorm 2026.1 Help

Yeoman

Yeoman を使用して、フレームワーク固有のWebStormプロジェクトを作成できます。 詳細については、 フレームワーク固有のプロジェクトの生成を参照してください。

始める前に

  1. コンピューターに Node.js(英語) があることを確認してください。

  2. JetBrains マーケットプレイスからプラグインをインストールする説明に従って、 設定 | プラグイン ページの マーケットプレース タブに Yeoman プラグインをインストールして有効にします。

WebStorm に Yeoman をインストールして設定するには

  1. 組み込み ターミナル (Alt+F12) で次のように入力します。

    npm install -g yo

  2. 設定 ダイアログ(Ctrl+Alt+S )で 言語 & フレームワーク | JavaScript | Yeoman に移動します。 開いた Yeoman ページで、グローバルにインストールされた yo パッケージの場所と使用する ローカル Node.js ランタイムを指定します。

プロジェクトスタブジェネレーターのリストを構成するには

  1. ようこそ 画面で 新規プロジェクト をクリックするか、メインメニューから ファイル | 新規 | プロジェクト を選択します。 新規 プロジェクト ダイアログが開きます。

  2. 左側のペインで、 Yeoman を選択します。

  3. 右側のペインには、以前にインストールされた Yeoman ジェネレーター(英語)がすべて表示されます。 ジェネレーターのインストール をクリックします。

  4. 利用可能なすべてのジェネレーターパッケージを表示するダイアログボックスから、左側のペインで必要なパッケージを選択し、右側のペインに表示される ジェネレーターのインストール ボタンをクリックします。 ダイアログを離れずに複数のパッケージを次々にインストールすることができます。

    インストールが終了したら、 閉じる をクリックして、新しく追加されたパッケージですでに展開されているジェネレーターのリストに戻ります。

ジェネレーターでプロジェクトを作成するには

  1. ようこそ 画面で 新規プロジェクト をクリックするか、メインメニューから ファイル | 新規 | プロジェクト を選択します。 新規 プロジェクト ダイアログが開きます。

  2. 左側のペインで、 Yeoman を選択します。

  3. 右側のペインには、以前にインストールされた Yeoman ジェネレーター(英語)がすべて表示されます。 リストを展開するには、 ジェネレーターのインストール をクリックし、上記の WebStorm に Yeoman をインストールして設定するには を参照してください。

    リストから必要なジェネレーターを選択し、 次へ をクリックします。

  4. 開始する 新規プロジェクト ウィザードで必要な設定を指定します。 ページ数とその内容は、選択したジェネレーターに依存します。

  5. ウィザードの最後のページで、 npm install& bower install を実行する チェックボックスを選択または選択解除して、 Node パッケージマネージャーおよび Bower を実行して、新規プロジェクトの開発に必要なパッケージをインストールするかどうかを指定します。

  6. 次へ をクリックして、現在のウィンドウまたは新しいウィンドウで新しいプロジェクトを開きます。

2026 年 6 月 8 日