シェルスクリプト
シェルスクリプトプラグインを有効にする
この機能は、デフォルトで WebStorm にバンドルされて有効になっているシェルスクリプト(英語)プラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認してください。
Ctrl+Alt+S を押して設定を開き、
を選択します。インストール済みタブを開き、シェルスクリプトプラグインを見つけて、プラグイン名の横にあるチェックボックスを選択します。
WebStorm は、シェルスクリプトファイルのコーディング支援を提供します: 補完(ローカルパスを含む)、ハイライト、クイックドキュメント、テキストの名前変更リファクタリングなど。

また、シェルスクリプト用の特別なタイプの実行 / デバッグ構成も含まれています。
WebStorm は、いくつかの外部ツールと統合して、シェルスクリプトのサポートを強化します。
ShellCheck(英語) は、構文エラー、意味上の問題、コーナーケース、典型的な落とし穴を検出できるシェルスクリプトの静的分析ツールです。WebStorm はそれが利用できない場合それをインストールするように促します。
Shfmt(英語) は、シェルスクリプト用の外部フォーマッタエンジンです。WebStorm は、シェルスクリプトのコードの再フォーマット Ctrl+Alt+L を初めてするときにインストールすることを提案します。
Explainshell(英語) は、任意のシェルコマンドを解析し、各引数のヘルプテキストを提供できる Web サイトです。インテンションアクションを介してアクセスできます: Alt+Enter を押して、シェルの説明を選択します。
シェルスクリプトとして認識されるようにファイルタイプを構成する
デフォルトでは、WebStorm は次の拡張子を持つファイルをシェルスクリプトとして認識します: .sh、.bash、.zsh。ただし、WebStorm を構成して、任意のファイルタイプをシェルスクリプトファイルとして認識することができます(たとえば、.csh ファイルを編集する場合)。
設定ダイアログ(Ctrl+Alt+S)で、エディター | ファイルタイプを選択します。
認識されたファイルタイプリストでシェルスクリプトを選択し、下のファイル名のパターンリストに必要なパターンを追加します。
変更を適用するには、OK をクリックします。
シェルスクリプトファイルを実行する
シェルスクリプトファイルで作業するときは、ガターの
をクリックします。これにより、組み込みのターミナルでスクリプトが実行されます。
スクリプトの起動をカスタマイズする場合(たとえば、スクリプトとインタープリターのオプションを指定する場合)、シェルスクリプト 実行 / デバッグ構成を作成することもできます。
スクリプトファイルの構成を作成する
メインメニューで、
に移動します。をクリックし、シェルスクリプトを選択します。
実行で、スクリプトファイルオプションを選択します。
スクリプトファイルへのパスと、スクリプトの起動時にスクリプトに渡すオプションを指定します。スクリプトを実行するためのインタープリターと、インタープリターの追加オプションを変更することもできます。
実行 / デバッグ構成を保存するには、OK をクリックします。
シェルコマンドの構成を作成する
スクリプトファイルを作成せずに、単純な任意のコマンドのシェルスクリプト実行 / デバッグ構成を作成できます。これは、たとえば、別の構成が起動される前にこのコマンドを自動的に実行し、そのための別のファイルを作成したくない場合に役立ちます。
メインメニューで、
に移動します。をクリックし、シェルスクリプトを選択します。
実行で、スクリプトテキストオプションを選択します。
コマンドテキストを入力し、オプションでコマンドの作業ディレクトリを変更します。
実行 / デバッグ構成を保存するには、OK をクリックします。

別の構成(たとえば、別のスクリプト)を起動する前にこのコマンドを実行する場合は、別の構成の起動前領域で作成された構成を選択できます。
関連ページ:

コード補完
コード補完は WebStorm エディターの重要な機能の 1 つです。補完候補を表示するために、WebStorm はプロジェクトファイルをソースコードで調べ、それらに定義されているクラス、メソッド、関数、変数を特別な内部インデックスに追加します。JSDoc のコメント、TypeScript 型定義などからの追加情報も、補完を大幅に改善させることができます。補完はサードパーティのコードのシンボルに対しても機能します。ほとんどの場合、必要なのは、必要なファイルをプロジェクトに追加することだけです。この...

インラインドキュメントの表示
クイックドキュメントの参照を使用すると、プロジェクトおよびその依存関係からのシンボルの参照、および標準の JavaScript オブジェクトおよびメソッドの参照を表示できます。詳細については、「JavaScript ドキュメントの検索および TypeScript ドキュメントのルックアップ」を参照してください。プロジェクトシンボルまたはプロジェクトの依存関係からのシンボルの場合、WebStorm は対応する JSDoc コメントからドキュメントを生成します。コメントを作成するには、ドキュメント化する...

実行 / デバッグ構成ダイアログ
このダイアログを使用して、実行 / デバッグ構成を作成、編集、調整、削除したり、新しく作成されたすべての実行 / デバッグ構成に適用されるデフォルトのテンプレートを構成したりします。既存の実行 / デバッグ構成は、構成タイプごとにグループ化されています。新しい構成を作成するためのテンプレートは編集可能であり、ダイアログの左側のペインにある構成テンプレートの編集リンクから利用できます。共通設定:実行構成を編集するとき(ただし実行構成テンプレートは編集しないとき)、次のオプションを指定できます。名...

コードの再フォーマットと再配置
WebStorm を使用すると、現在のコードスタイルスキームまたは .editorconfig ファイルで指定した要件に従ってコードを再フォーマットできます。で定義されていないものがあれば、プロジェクト設定から取得されます。コードの一部、ファイル全体、ファイルのグループ、ディレクトリ、モジュールを再フォーマットできます。また、コードの一部または一部のファイルを再フォーマットから除外することもできます。コードフラグメントを再フォーマットするエディターで、再フォーマットしたいコードフラグメントを選択しま...

ターミナル
WebStorm には、IDE 内からコマンドラインシェルを操作するための組み込みターミナルエミュレータが含まれています。専用のターミナルアプリケーションに切り替えることなく、Git コマンドの実行、ファイルのアクセス許可の設定、その他のコマンドラインタスクの実行に使用します。ターミナルプラグインを有効にするこの機能は、デフォルトで WebStorm にバンドルされて有効になっているターミナルプラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認して...

外部ツール
コンパイラー、リンター、コード圧縮プログラムなどのサードパーティのスタンドアロンアプリケーションを使用する推奨方法は、ツール固有のファイルウォッチャーを構成することです。このファイルウォッチャーはファイルへの変更を追跡し、必要に応じてアプリケーションを自動的に実行します。詳細については、File Watchers を参照してください。または、WebStorm でスタンドアロンのサードパーティアプリケーションを外部ツールとして構成することもできます。その結果、メインメニューと場合によってはコンテキス...