Node.js

1. お使いのコンピューターに Node.js(英語) がインストールされていることを確認してください。

2. 設定で Node.js プラグインが有効になっていることを確認します。Ctrl+Alt+S を押して設定を開き、プラグインを選択します。インストール済みタブをクリックします。検索フィールドに Node.js と入力します。プラグインの詳細については、プラグインのマッピングを参照してください。

1. Ctrl+Alt+S を押して設定を開き、言語 & フレームワーク | Node.js を選択します。

2. Node インタープリターリストから必要な Node.js インストールを選択します。

   標準のインストール手順に従っている場合、ほとんどの場合、必要な Node.js インストールがリストに含まれています。インストールが欠落している場合は、 をクリックし、ローカルインタープリターとして手動で構成します。

1. Ctrl+Alt+S を押して設定を開き、言語 & フレームワーク | Node.js を選択します。

2. Node インタープリターリストから node を選択します。

   

3. 実行 / デバッグ構成や特定のツールの設定など、該当する場合はこの新しい Node.js インタープリターを指定します。

1. Ctrl+Alt+S を押して設定を開き、言語 & フレームワーク | Node.js を選択します。

2. Node インタープリターリストの横にある をクリックします。

3. 現在構成されているすべてのインタープリターのリストが表示された Node.js インタープリターダイアログで、ツールバーの をクリックし、コンテキストメニューからローカル追加を選択し、Node.js のインストールを選択してから、OK をクリックします。Node.js インタープリターダイアログに戻り、Node インタープリター読み取り専用フィールドに新しいインタープリターへのパスが表示されます。

4. パッケージマネージャーフィールドで、現在のプロジェクトのパッケージマネージャー（npm、Yarn、pnpm）を選択します。

   詳細は、プロジェクトのパッケージマネージャーの設定を参照してください。

OK をクリックすると Node.js ページに戻り、Node インタープリターフィールドに新しいインタープリターが表示されます。

WSL の Node.js をデフォルトのプロジェクトノードインタープリターとして構成する

1. 設定ダイアログ（Ctrl+Alt+S）で、言語 & フレームワーク | Node.js に移動します。

2. Node.js インタープリターダイアログで Node インタープリターフィールドの横にある をクリックし、 をクリックして、リストから WSL を追加するを選択します。

   

3. 開いている WSL ノードインタープリターを追加するダイアログで、使用している Linux ディストリビューションを選択し、Node.js へのパスを指定します。

   

新しい Node.js アプリケーションを作成する

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

2. 左側のペインで、Node.js を選択して基本的な Node.js アプリケーションを作成するか、Express を選択して Express(英語) アプリケーションを作成します。

3. 右側のペインで、使用するプロジェクトフォルダーと Node.js インタープリターを指定します。詳細については、ローカル Node.js インタープリターの構成を参照してください。

   マシン上に Node.js が 1 つだけあり、標準のインストール手順に従っている場合、WebStorm は Node.js を自動的に検出します。それ以外の場合は、リストから関連するインタープリターを選択します。上記のローカル Node.js インタープリターの構成を参照してください。

   Node.js がインストールされていない場合は、Node.js をダウンロードを選択します。

   Express アプリケーションの場合、express-generator フィールドに express -generator(英語) を指定します。

   ジェネレーターをダウンロードして実行する npx(英語) を使用することをお勧めします。これを行うには、express -generator リストから npx --package express-generator express を選択します。

   または、埋め込まれたターミナル（Alt+F12）を開いて npm install --g express-generator と入力し、ダウンロードしたジェネレーターを express-generator リストから選択します。

   

   使用するテンプレート言語とスタイルシート言語を選択します。

4. 作成をクリックすると、WebStorm は必要な依存関係をダウンロードし、それらと Node.js コア API に対してコード補完を有効にします。詳細については、「node_modules ライブラリの構成および Node.js コアライブラリの構成」を参照してください。

   Express の場合、WebStorm はデフォルト設定でタイプ Node.js の実行 / デバッグ構成を作成し、Express 固有の基本的なディレクトリ構造(英語)を生成します。

   Node.js の場合、WebStorm は npm init コマンドを実行して package.json ファイルを生成するだけです。

空の WebStorm プロジェクトを作成する

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

2. 左側のペインで、空のプロジェクトを選択します。右側のウィンドウで、アプリケーションフォルダーを指定し、作成をクリックします。