PhpStorm 2020.3 ヘルプ

Node.js および NPM

このページは、プラグインの管理に従って、設定 / 環境設定 | プラグインページのインストール済みタブで Node.js バンドルプラグインが有効になっている場合にのみ表示されます。

次の Node.js バージョンが PhpStorm 2020.3 でサポートされています。

  • Node.js 10

  • Node.js 12

  • Node.js 14

  • Node.js 15

サポートされている Node.js バージョンの詳細情報

項目 説明
Node インタープリター

このフィールドでは、現在のプロジェクトのデフォルトの Node.js インタープリターを指定します。PhpStorm は、実行 / デバッグ構成を作成するとき、または Prettier や ESLint などの Node.js 依存ツールを構成するときに、Node インタープリターリストから Project エイリアスを選択するたびに自動的に使用します。

リストから構成済みのインタープリターを選択するか、the Browse button をクリックして、ローカル Node.js インタープリターの構成に従って開いたダイアログで新しいインタープリターを構成します。node を選択すると、システム Node.js のバージョンが使用されます。

ここでは、ローカルの Node.js インタープリター、つまりコンピューターにインストールされている Node.js、または Windows Subsystem for Linux の Node.js(英語) のみを選択または設定できます。詳しくは、ローカル Node.js インタープリターの構成および Windows Subsystem for Linux で Node.js を使用するを参照してください。

リモートインタープリターは、実行 / デバッグ構成: Node.js からアクセス可能な Node.js リモートインタープリターの設定ダイアログで構成されます。詳細については、Node.js と DockerSFTP 経由の Node.jsSSH 経由の Node.jsNode.js と Vagrant を参照してください。

バージョン この読み取り専用フィールドには、Node.js の現在のバージョンが表示されます。
Node.js のコーディング支援

Node.js コアモジュールのソースを JavaScript ライブラリとして構成し、プロジェクトに関連付けるには、このチェックボックスを選択します。その結果、PhpStorm は、fspathhttp、Node.js バイナリにコンパイルされる Node.js の他の部分に対して、コード補完、参照解決、検証、デバッグ機能を提供します。

構成が完了すると、PhpStorm は現在構成されているバージョンに関する情報を表示します。

プロジェクトの一部でのみ Node.js API にコード補完が必要な場合は、スコープの管理リンクを使用してそれを構成できます。開いた使用箇所ダイアログで、関連するディレクトリをクリックし、リストごとに構成済みの Node.js コアライブラリを選択します。ライブラリのスコープの構成から詳細を参照してください。

パッケージマネージャー

このフィールドで、現在のプロジェクトのパッケージマネージャー(npm、Yarn、または pnpm)を選択します。

PhpStorm は、これらのマネージャーへの現在のシステムパスに npmyarnpnpm エイリアスを使用します。カスタムインストールを使用するには、選択をクリックし、関連するパッケージマネージャーのインストールフォルダーを選択します。詳細については、プロジェクトのパッケージマネージャーの設定を参照してください。

デフォルトでは、PhpStorm は npm を提案します。ただし、yarn.lock ファイルを使用してプロジェクトを開き、Yarn がコンピューターにインストールされている場合、PhpStorm はこのプロジェクトのパッケージマネージャーを Yarn に自動的に変更します。

pnpm-lock ファイルを使用してプロジェクトを開き、pnpm がコンピューターにインストールされている場合、PhpStorm はこのプロジェクトのパッケージマネージャーを自動的に pnpm に変更します。

Yarn1 または pnpm をデフォルトの PhpStorm パッケージマネージャーとして設定するも使用できます。

パッケージ

パッケージ領域には、現在コンピューターにインストールされているすべての NPM 依存パッケージの一覧が表示されます。

  • パッケージ : この読み取り専用フィールドには、コマンドラインモードでインストールした場合に参照する必要があるパッケージの名前が表示されます。

  • バージョン : この読み取り専用フィールドには、コンピューターにインストールされているパッケージのバージョンが表示されます。

  • 最新 : この読み取り専用フィールドには、パッケージの最新リリースバージョンが表示されます。パッケージが最新でない場合は、Upgrade のマークが付けられます。

  • 新しいパッケージをインストールするには、Install をクリックしてください。開いた使用可能なパッケージダイアログで、関連するパッケージを選択してください。パッケージをグローバルにインストールするには、オプションチェックボックスを選択し、オプションフィールドに -g と入力します。グローバルをインストールすると、パッケージは PhpStorm レベルで利用可能になるため、どの PhpStorm プロジェクトでも使用できます。準備ができたらパッケージのインストールをクリックします。

  • 選択したパッケージを削除するには、Uninstall をクリックします。

  • Upgrade をクリックして、選択したパッケージの現在のバージョンを最新のリリースバージョンに置き換えます。このボタンは、選択したプロジェクトが最新でない場合にのみ有効になります。

関連ページ:

プラグインを管理する

このサイトのメニューやアクション名表記は日本語です。PhpStorm を日本語化するには、日本語言語パックのインストールを参照してください。プラグインは以下に示すように PhpStorm のコア機能を拡張します。バージョン管理システム、アプリケーションサーバー、およびその他のツールとの統合を提供する、さまざまな言語とフレームワークのコーディング支援サポートを追加する、ショートカットヒント、ライブプレビュー、ファイルウォッチャーなどで生産性を向上、コーディング演習と検証で新しいプログラミング言語を...

サポートされている Node.js バージョン

このページには、アプリケーション開発のために PhpStorm でサポートされているすべての Node.js バージョンが一覧表示されます。Node.js 公式 Web サイトでのリリースのステータスに関する情報とともに、Node.js のリリーススケジュールを見つけてください。次の Node.js バージョンが PhpStorm 2020.3 でサポートされています。Node.js 10、Node.js 12、Node.js 14、Node.js 15、Node.js のアクティブなロングター...

Node.js

Node.js は、ブラウザーの外部、たとえばサーバーやコマンドラインで JavaScript を実行するための軽量なランタイム環境です。PhpStorm は Node.js と統合し、アプリケーションの構成、編集、実行、デバッグ、テスト、プロファイリング、メンテナンスを支援します。Node.js がアプリケーションのローカルランタイムとして、または npm パッケージの管理、JavaScript リンターの実行、ツールのビルド、フレームワークのテストなどにのみ必要な場合は、Node.js をインス...

JavaScript ライブラリを構成する

PhpStorm では、ライブラリは、PhpStorm が編集するプロジェクトコードから取得する関数とメソッドに加えて、PhpStorm の内部知識に関数とメソッドが追加されたファイルまたはファイルのセットです。プロジェクトの範囲では、そのライブラリはデフォルトで書き込み保護されています。PhpStorm は、コーディング支援(つまり、コード補完、構文ハイライト、ナビゲーション、ドキュメントの参照)を強化するためにのみライブラリを使用します。ライブラリはプロジェクトの依存関係を管理する方法ではあ...

npm、pnpm、Yarn

PhpStorm は npm、Yarn、Yarn 2、pnpm と統合されているため、IDE 内から再利用可能なコードのパッケージをインストール、検索、更新、削除できます。Node.js と NPM ページは、パッケージを管理するための専用 UI を提供します。もちろん、組み込みのターミナルのコマンドラインからも実行できます。PhpStorm では、npm、Yarn、pnpm スクリプトを実行およびデバッグすることもできます。PhpStorm は、package.json ファイルを解析し、スクリプト...