TypeScript
Node インタープリター
このフィールドで、使用する Node.js インタープリターを指定します。
プロジェクトエイリアスを選択すると、WebStorm は Node.js ページの Node インタープリターフィールドからプロジェクトの既定のインタープリターを自動的に使用します。ほとんどの場合、WebStorm はプロジェクトの既定のインタープリターを検出し、フィールド自体に入力します。
別の構成済みのローカルインタープリターまたはリモートインタープリターを選択するか、
をクリックして新しいインタープリターを構成することもできます。
詳細については、「リモート Node.js インタープリターの構成」、「ローカル Node.js インタープリターの構成」、「Linux の Windows サブシステムで Node.js を使用する」を参照してください。
TypeScript
このフィールドでは、使用する TypeScript のバージョンを指定します（WebStorm は現在選択されているバージョンを表示します）。
デフォルトでは、プロジェクトの node_modules フォルダーにある
typescriptパッケージが使用されます。バンドル: このオプションを選択すると、WebStorm に同梱されている
typescriptパッケージを使用して、別のパッケージを見つけようとしません。選択 : WebStorm にバンドルされているパッケージではなく、カスタム
typescriptパッケージを使用するには、このオプションを選択します。開いたダイアログで、関連するパッケージへのパスを選択します。プロジェクトパッケージマネージャーが Yarn 2(英語) の場合、Yarn 2 を介してインストールされた
typescriptパッケージを使用する必要があります。この場合、デフォルトでyarn:package.json:typescriptが選択されています。npm と Yarn のパッケージマネージャーの詳細を参照してください。
TypeScript 言語サービス
最新の仕様に従って、TypeScript 言語サービス(英語)のネイティブサポートを受けるには、このチェックボックスを選択します。結果として:
構文とエラーのハイライトは、TypeScript 言語サービスのアノテーションに基づいています。
補完リストには、TypeScript 言語サービスの提案と WebStorm によって計算された提案が含まれています。
TypeScript コードは JavaScript にコンパイルされています。
項目 | 説明 |
|---|---|
プロジェクトエラーの表示 | デフォルトでは、このチェックボックスが選択されており、TypeScript 言語サービスはプロジェクト全体でコードをチェックします。検出されたエラーは、問題ツールウィンドウのプロジェクトエラータブに、エラーが発生したファイルごとにグループ化されて一覧表示されます。 パフォーマンスの問題を回避するには、プロジェクトエラーの表示チェックボックスをオフにして、ファイルを開いたときにのみ TypeScript 言語サービスがファイルをチェックするようにします。プロジェクトエラータブには、すでに開いているファイルでのみ検出されたエラーが一覧表示されます。 |
候補の表示 | デフォルトでは、このチェックボックスはオンになっており、WebStorm は実際のエラーに加えて、TypeScript 言語サービスがコード内で検出した潜在的な問題を表示します。   |
サーバーからの型を使用する | TypeScript コンパイラーのデータに基づいてシンボルの種類を評価するには、このチェックボックスを選択します。 デフォルトでは、チェックボックスはオフになっているため、型評価、解決、コードインスペクション、およびリファクタリングは、WebStorm 内部 TypeScript エンジンからの型情報に基づいて行われます。 このデフォルトの動作では、WebStorm 内部の TypeScript エンジンが使用する型評価アルゴリズムが TypeScript コンパイラーのアルゴリズムと異なるため、パフォーマンスの問題や型解決のバグが発生する可能性があります。チェックボックスを選択すると、これらの問題を回避できる場合があります。 |
変更時に再コンパイルする |
|
オプション | このフィールドでは、tsconfig.json ファイルが見つからない場合に TypeScript 言語サービスに渡されるコマンドラインオプションを指定します。TSC 引数(英語)で受け入れ可能なオプションのリストを参照してください。 |
関連ページ：
Node.js
このページは、プラグインのインストールに従って、設定 | プラグインページのインストール済みタブで Node.js バンドルプラグインが有効になっている場合にのみ表示されます。次の Node.js バージョンは、WebStorm 2023.3 以降でサポートされています。Node.js 20 - アクティブな長期サポート (LTS) バージョン、Node.js 21 - 現在のバージョン、サポートされている Node.js バージョンの詳細情報 Node インタープリターこのフィールドでは、現在のプロ...
リモート Node.js インタープリターの構成
WebStorm では、リモートホストまたは仮想環境にインストールされた Node.js でアプリケーションを開発、テスト、リント、実行、デバッグするときに、リモート Node.js インタープリターを構成する必要があります。リモート Node.js インタープリターは、Node.js リモートインタープリターの構成ダイアログで構成されます。このダイアログは、リモート環境でアプリケーションを実行またはデバッグするための Node.js 実行 / デバッグ構成を作成または編集するときに、設定ダイア...
Node.js
Node.js は、サーバーやコマンドラインなど、ブラウザーの外部で JavaScript を実行するための軽量ランタイム環境です。WebStorm は Node.js と統合されており、アプリケーションの構成、編集、実行、デバッグ、テスト、プロファイリング、保守を支援します。Node.js がアプリケーションのローカルランタイムとして、または npm パッケージの管理、JavaScript リンターの実行、ツールのビルド、フレームワークのテストなどにのみ必要な場合は、Node.js をインストール...
npm、pnpm、Yarn
WebStorm は npm、pnpm、Yarn、Yarn 2、Yarn 3 と統合されているため、組み込みのターミナルで、IDE 内から再利用可能なコードのパッケージをインストール、検索、更新、削除できます。WebStorm では、npm、Yarn、pnpm スクリプトを実行およびデバッグすることもできます。WebStorm は、package.json ファイルを解析してスクリプトの定義を認識し、スクリプトをツリービューに表示して、ツリー内のスクリプトと package.json ファイル内のその定...
問題ツールウィンドウ
問題ツールウィンドウには、WebStorm がプロジェクト内で検出した問題がいくつかのタブを使用して表示されます。ウィンドウ内で問題を選択してを押すか、問題をダブルクリックしてエディター内の対応する行に移動します。ツールウィンドウのタブを切り替えるには、とを押します。設計時コードインスペクションが有効になっている場合、この IDE は継続的にコードをチェックし、問題を検索します。このタブには、現在のファイルで見つかったすべてのコードの問題がリストされます。エディターでファイルを切り替えると...
コード補完
コード補完は WebStorm エディターの重要な機能の 1 つです。補完候補を表示するために、WebStorm はプロジェクトファイルをソースコードで調べ、それらに定義されているクラス、メソッド、関数、変数を特別な内部インデックスに追加します。JSDoc のコメント、TypeScript 型定義などからの追加情報も、補完を大幅に改善させることができます。補完はサードパーティのコードのシンボルに対しても機能します。ほとんどの場合、必要なのは、必要なファイルをプロジェクトに追加することだけです。この...