Node.js
Node.js(英語) は、サーバーやコマンドラインなど、ブラウザーの外部で JavaScript を実行するための軽量ランタイム環境です。IntelliJ IDEA は Node.js と統合されており、アプリケーションの構成、編集、実行、デバッグ、テスト、プロファイリング、保守を支援します。
Node.js がアプリケーションのローカルランタイムとして、または npm パッケージの管理、JavaScript リンターの実行、ツールのビルド、フレームワークのテストなどにのみ必要な場合は、Node.js をインストールするだけです。標準のインストール手順に従うと、ほとんどの場合、IntelliJ IDEA は Node.js 自体を検出します。
また、コンピューターに Node.js がない場合でも、新規プロジェクトの作成ダイアログで新しい Node.js アプリケーションを作成するときにインストールできます。以下の新しい Node.js アプリケーションを作成するを参照してください。
複数の Node.js インストールを切り替える場合は、ローカル Node.js インタープリターとして構成する必要があります。ほとんどの場合、IntelliJ IDEA は Node.js インストールを検出し、インタープリターとして自動的に構成し、関連するものを選択できるリストに追加します。
Node.js アプリケーションをリモートで実行するには、それをリモートインタープリターとして構成します。詳細については、「Node.js と Docker」、「SSH 経由の Node.js」、「Node.js と Vagrant」を参照してください。
始める前に
Node.js をダウンロードしてインストールします。
設定 | プラグインページのインストール済みタブで、JavaScript と TypeScript および Node.js に必要なプラグインが有効になっていることを確認します。詳細については、「プラグインのマッピング」を参照してください。
Node.js バージョン間の切り替え
IntelliJ IDEA を使用すると、Node.js を複数インストールし、同じプロジェクトで作業しながら切り替えることができます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
Node インタープリターリストから必要な Node.js インストールを選択します。
標準のインストール手順に従っている場合、ほとんどの場合、必要な Node.js インストールがリストに含まれています。インストールが欠落している場合は、
をクリックし、ローカルインタープリターとして手動で構成します。
システム Node.js バージョンの使用
IntelliJ IDEA を使用すると、デフォルトのシステムノードエイリアスをプロジェクトの Node.js バージョンとして設定できます。その後、このバージョンは、Node.js を必要とするすべてのツールおよびすべての新しい実行 / デバッグ構成で自動的に使用されます。これは、特に、新しい Node.js バージョンをインストールし、それをシステムのデフォルトのノードエイリアスにした場合、各ツールの設定を更新する必要がないことを意味します。
Ctrl+Alt+S を押して設定を開き、 を選択します。
Node インタープリターリストから node を選択します。
実行 / デバッグ構成や特定のツールの設定など、該当する場合はこの新しい Node.js インタープリターを指定します。
ローカル Node.js インタープリターの構成
Node.js をデフォルト以外の場所にインストールして、IntelliJ IDEA が自動的に検出しないようにする場合など、Node.js インストールをインタープリターとして手動で構成する必要がある場合があります。
Ctrl+Alt+S を押して設定を開き、 を選択します。
Node インタープリターリストの横にある
をクリックします。現在構成されているすべてのインタープリターのリストが表示された Node.js インタープリターダイアログで、ツールバーの
をクリックし、コンテキストメニューからローカル追加を選択し、Node.js のインストールを選択してから、OK をクリックします。Node.js インタープリターダイアログに戻り、Node インタープリター読み取り専用フィールドに新しいインタープリターへのパスが表示されます。パッケージマネージャーフィールドで、現在のプロジェクトのパッケージマネージャー（npm、Yarn、pnpm）を選択します。
詳細は、プロジェクトのパッケージマネージャーの設定を参照してください。
OK をクリックすると Node.js ページに戻り、Node インタープリターフィールドに新しいインタープリターが表示されます。
Windows Subsystem for Linux で Node.js を使用する
IntelliJ IDEA を使用すると、Windows Subsystem for Linux の Node.js を使用して Node.js アプリケーションを実行およびデバッグできます。WSL 上の Node.js を現在のプロジェクトのデフォルトのインタープリターとして選択するか、この Node.js バージョンを Node.js 実行 / デバッグ構成で構成して使用することができます。
WSL の Node.js をデフォルトのプロジェクトノードインタープリターとして構成する
設定ダイアログ（Ctrl+Alt+S）で、 に移動します。
Node.js インタープリターダイアログで Node インタープリターフィールドの横にある
をクリックし、 をクリックして、リストから WSL を追加するを選択します。
開いている WSL ノードインタープリターを追加するダイアログで、使用している Linux ディストリビューションを選択し、Node.js へのパスを指定します。
Node.js アプリケーションの作成
まだアプリケーションがない場合は、テンプレートから Node.js 固有の構造を持つ IntelliJ IDEA プロジェクトを生成するか、空の IntelliJ IDEA プロジェクトを作成して、以下の既存の Node.js アプリケーションから始めるで説明するように Node.js を構成できます。
既存の Node.js アプリケーションからモジュールを作成することもできます。
新しい Node.js アプリケーションを作成する
メインメニューからを選択するか、ウェルカム画面の新しいプロジェクトボタンをクリックします。
新しいプロジェクトダイアログで、左側のペインで Express を選択します。
右側のペインで、使用するプロジェクトフォルダーと Node.js インタープリターを指定します。詳細については、ローカル Node.js インタープリターの構成を参照してください。
express-generator フィールドに express -generator(英語) を指定します。
ジェネレーターをダウンロードして実行する npx(英語) を使用することをお勧めします。これを行うには、express -generator リストから npx --package express-generator express を選択します。
または、埋め込まれたターミナル（Alt+F12）を開いて
npm install --g express-generatorと入力し、ダウンロードしたジェネレーターを express-generator リストから選択します。
使用するテンプレート言語とスタイルシート言語を選択します。
作成をクリックすると、IntelliJ IDEA は必要な依存関係をダウンロードし、それらと Node.js コア API に対してコード補完を有効にします。詳細については、「node_modules ライブラリの構成および Node.js コアライブラリの構成」を参照してください。
IntelliJ IDEA は、デフォルト設定でタイプ Node.js の実行 / デバッグ構成を作成し、Express 固有の基本的なディレクトリ構造(英語)を生成します。
空の IntelliJ IDEA プロジェクトを作成する
メインメニューからを選択するか、ウェルカム画面の新しいプロジェクトボタンをクリックします。
新しいプロジェクトダイアログで、左側のペインで新しいプロジェクトを選択します。
右側のペインで、言語領域の JavaScript を選択し、プロジェクトフォルダーと名前を指定します。
サンプルアプリケーションを生成するには、サンプルコードの追加チェックボックスを選択します。
既存の Node.js アプリからモジュールを作成する
アプリケーションソースをダウンロードして、コンピューターに保存します。
に移動します。
開いたダイアログで、アプリケーションソースの場所を選択します。
モジュールの詳細を参照してください。
既存の Node.js アプリケーションから始める
既存の Node.js アプリケーションを引き続き開発する場合は、IntelliJ IDEA でそれを開き、その中に Node.js を構成し、必要な依存関係をダウンロードします。
すでにマシン上にあるアプリケーションソースを開く
ウェルカム画面で開くまたはインポートをクリックするか、メインメニューからを選択します。開いたダイアログで、ソースが保存されているフォルダーを選択します。
バージョン管理からアプリケーションのソースをチェックアウト
ウェルカム画面で VCS から取得をクリックします。
あるいは、メインメニューから、、を選択します。
メインメニューの Git の代わりに、プロジェクトに関連付けられている他のバージョン管理システムが表示される場合があります。例: Mercurial または Perforce。
表示されるダイアログで、リストからバージョン管理システムを選択し、アプリケーションソースをチェックアウトするリポジトリを指定します。詳細については、プロジェクトをチェックアウトする (クローン) を参照してください。
プロジェクトで Node.js を構成する
設定ダイアログ（Ctrl+Alt+S）で、 に移動します。
Node インタープリターフィールドで、現在のプロジェクトのデフォルトの Node.js インタープリターを指定します。IntelliJ IDEA は、実行 / デバッグ構成の作成時など、Node インタープリターリストから
Projectエイリアスを選択するたびに自動的に使用します。リストから構成済みのインタープリターを選択するか、
をクリックして、ローカル Node.js インタープリターの構成に従って開いたダイアログで新しいインタープリターを構成します。node を選択すると、システム Node.js のバージョンが使用されます。Node.js コーディング支援チェックボックスを選択して、Node.js コアモジュールのソースを JavaScript ライブラリとして設定し、プロジェクトに関連付けます。その結果、IntelliJ IDEA は、
fs、path、http、Node.js バイナリにコンパイルされる Node.js の他の部分に対して、コード補完、参照解決、検証、デバッグ機能を提供します。構成が完了すると、IntelliJ IDEA は現在構成されているバージョンに関する情報を表示します。
プロジェクトの一部でのみ Node.js API にコード補完が必要な場合は、スコープの管理リンクを使用してそれを構成できます。開いた使用箇所ダイアログで、関連するディレクトリをクリックし、リストごとに構成済みの Node.js コアライブラリを選択します。ライブラリのスコープの構成から詳細を参照してください。
プロジェクトの依存関係をダウンロードする
埋め込まれたターミナル（Alt+F12）で、次のように入力します。
npm installまたは、プロジェクトルートの package.json ファイルのコンテキストメニューから 'npm install' の実行を選択します。
プロジェクトのセキュリティ
IntelliJ IDEA の外部で作成され、そこにインポートされたプロジェクトを開くと、IntelliJ IDEA は、未知ソースコードを使用してこのプロジェクトを処理する方法を決定できるダイアログを表示します。
次のいずれかのオプションを選択します。
セーフモードでプレビュー : この場合、IntelliJ IDEA はプロジェクトをプレビューモードで開きます。これは、プロジェクトのソースを参照することはできますが、タスクやスクリプトを実行したり、プロジェクトを実行 / デバッグしたりすることはできないことを意味します。
IntelliJ IDEA はエディター領域の上部に通知を表示し、プロジェクトを信頼リンクをクリックして、いつでもプロジェクトをロードできます。
プロジェクトを信頼 : この場合、IntelliJ IDEA はプロジェクトを開いてロードします。これは、プロジェクトが初期化され、プロジェクトのプラグインが解決され、依存関係が追加され、すべての IntelliJ IDEA 機能が使用可能になることを意味します。
開かない : この場合、IntelliJ IDEA はプロジェクトを開きません。
プロジェクトのセキュリティの詳細を参照してください。
関連ページ：
Node.js と Docker
Docker を使用すると、Node.js アプリケーションを IntelliJ IDEA から素早くブートストラップして実行、デバッグ、プロファイリングすることができます。IDE は、新しい Dockerfile を自動的に作成し、イメージをビルドして実行し、ソースコードを同期し、コンテナーに npm 依存関係をインストールすることで、初期構成を処理する WebStorm と Docker のクイックツアーでいくつかの例を見つけることができます。始める前に：設定 | プラグインページのインストール済み...
プラグインのインストール
プラグインは IntelliJ IDEA のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。プラグイン設定を開くを押して設定を開き、を選択します。マーケットプレースタブを使用して、JetBrains...
Node.js インタープリターダイアログ
次の Node.js バージョンは、IntelliJ IDEA 2023.3 以降でサポートされています。Node.js 20 - アクティブな長期サポート (LTS) バージョン、Node.js 21 - 現在のバージョン、サポートされている Node.js バージョンの詳細を参照してください。このダイアログを使用して、ローカルまたはリモート Node.js インタープリターまたは Windows Subsystem for Linux の Node.js を構成します。ローカル Node.js イ...
npm、pnpm、Yarn
IntelliJ IDEA は npm、pnpm、Yarn、Yarn 2、Yarn 3 と統合されているため、組み込みのターミナルで、IDE 内から再利用可能なコードのパッケージをインストール、検索、更新、削除できます。IntelliJ IDEA では、npm、Yarn、pnpm スクリプトを実行およびデバッグすることもできます。IntelliJ IDEA は、package.json ファイルを解析してスクリプトの定義を認識し、スクリプトをツリービューに表示して、ツリー内のスクリプトと packag...
Node.js の実行とデバッグ
IntelliJ IDEA は、Node.js アプリケーションの実行とデバッグを支援します。IntelliJ IDEA から起動し、すでに実行中のアプリケーションにアタッチするアプリケーションをデバッグできます。始める前に：JavaScript と TypeScript、JavaScript デバッガー、Node.js に必要なプラグインが設定 | プラグインページのインストール済みタブで有効になっていることを確認します。詳細については、プラグインのマッピングを参照してください。Node.js...
JavaScript ライブラリを構成する
言語と IDE のコンテキストでは、ライブラリはファイルまたはファイルのセットです。これらのファイルの関数とメソッドは、編集したプロジェクトコードから IntelliJ IDEA が取得する関数とメソッドに加えて、IntelliJ IDEA の内部知識に追加されます。プロジェクトのスコープでは、そのライブラリはデフォルトで書き込み保護されています。IntelliJ IDEA は、2 つの事前定義された自動生成ライブラリフォルダーを予約します。node_modules プロジェクト package.j...