YAML
WebStorm を使用すると、YAML ファイル（.yml、.yaml）を操作でき、次の機能がサポートされます。
構文のハイライト
カラー設定は、設定ダイアログ (Ctrl+Alt+S) のエディター | カラースキームの切り替え | YAML ページで変更できます。
YAML に関連するコードスタイル設定には、設定ダイアログ (Ctrl+Alt+S) のエディター | コードスタイル | YAML ページでアクセスできます。
WebStorm は、重複したキー、YAML ドキュメント内の未使用のアンカーなどを検出します。
例: コード補完を JSON スキーマを持つ YAML 文書に使用するか、アンカーエイリアスを完成させることができます。
たとえば、アンカーとエイリアスの間を移動できます。
名前の変更リファクタリング (たとえば、アンカーとエイリアスの場合)
エディターで利用可能な YAML 固有の機能をいくつか見てみましょう。
アンカーとエイリアス
WebStorm は、アンカーとエイリアスの使用をサポートしています。YAML ファイルで新しいアンカーを指定すると、エディターはこのアンカーがどのノードでも使用されていないという警告を表示します。
エディターを使用すると、このアンカーのエイリアスを完成させることができます。
アンカーの使用箇所をすばやく見つけるには、アンカー上にキャレットを置き、Ctrl+B を押します。
WebStorm は、アンカーとエイリアスの名前変更リファクタリングをサポートしています。アンカー上にキャレットを置き、Shift+F6 を押します。または、アンカーを右クリックしてを選択します。
構造ツールウィンドウ (Alt+7) を使用して、YAML ファイル内をすばやく移動します。構造ツールウィンドウで再利用されたアンカーの要素を表示または非表示にするには、 
use エイリアスサブツリーをクリックします。
JSON スキーマ
WebStorm は、JSON スキーマを使用する YAML ファイルのコード補完およびインスペクションをサポートします。WebStorm は、ファイルの場所または構造に基づいてスキーマを自動的に推測することも、手動で選択することもできます。例: .github/workflows ディレクトリに GitHub アクションワークフローファイルがある場合、WebStorm は、schemastore.org(英語) から自動的に読み込まれた github-workflow.json スキーマに基づいてオプションを完了することを提案します。
設定ダイアログ (Ctrl+Alt+S) の言語 & フレームワーク | スキーマと DTD | リモート JSON スキーマページを使用して、JSON スキーマのロードを管理できます。
必要に応じて、言語 & フレームワーク | スキーマと DTD | JSON スキーママッピングで必要なスキーマファイルへのパスを指定できます。
ファイルの JSON スキーマを選択する
特定のファイルにカスタムスキーマを指定できます。
ステータスバーのスキーマスイッチャーをクリックします。
表示されたリストで、提案されたスキーマのいずれかを選択するか、新規スキーママッピング…をクリックします。これにより、ファイルのローカルスキーマまたはリモートスキーマを指定できる JSON スキーママッピング設定が開きます。
スキーマからプロパティを取得する
WebStorm が YAML ファイルのスキーマを検出した場合は、専用のアクションを使用してすべてのプロパティをそのファイルにすばやく挿入できるため、手動で入力する必要がなくなります。
スキーマに必須のプロパティが含まれており、これらの特定のプロパティのみを挿入したい場合は、ファイル内の任意の場所で Alt+Enter ( コンテキストアクションの表示 ) を押し、欠落したプロパティの追加を選択します。
スキーマで使用可能なすべてのプロパティを挿入する場合は、ファイル内の任意の場所で Alt+Enter ( コンテキストアクションの表示 ) を押し、JSON スキーマからすべてのプロパティを入力を選択します。
$schema キーワードを使用する
ファイル自体内でスキーマを参照することもできます。
ファイルの先頭に
# $schema:と入力します。スキーマファイルの名前の入力を開始します。schemastore.org(英語) からロードされたスキーマの名前の補完が得られます。
ローカルスキーマファイルを使用する場合は、スキーマを使用するファイルに対する相対パスを指定します (例:
# $schema: ./my-schema.json)。これにより、インスペクション、補完、プロパティ入力アクションなど、リモートスキーマを使用する場合と同じコーディング支援が可能になります。
キーのコピー
WebStorm は、YAML ファイルで指定された特定のオプションへのフルパスをコピーする機能を提供します。これは 2 つの方法で実行できます。
必要なキーにキャレットを置き、Ctrl+Alt+Shift+C を押します。
必要なキーにカーソルを合わせ、右クリックして参照をコピーを選択します。
例: 上のイメージでは、default.server.port がコピーされます。
関連ページ：
カラースキーム: エディター内のフォントと色
開発者は、エディターのソースコード、検索結果、デバッガー情報、コンソールの入出力など、多くのテキストリソースを操作します。このテキストのフォーマットには色とフォントスタイルが使用されており、一目で理解できるようになります。WebStorm では、IDE テキストで使用される色とフォントを定義する構成可能な配色から選択できます。事前定義された配色を使用するか、あなたの好みに合わせてカスタマイズすることができます。スキームを共有することも可能です。配色を選択を押して設定を開き、を選択します。あるいは...
コードの整形
WebStorm を使用すると、現在のコードスタイルスキームまたは .editorconfig ファイルで指定した要件に従ってコードを再フォーマットできます。で定義されていないものがあれば、プロジェクト設定から取得されます。コードの一部、ファイル全体、ファイルのグループ、ディレクトリ、モジュールを再フォーマットできます。また、コードの一部または一部のファイルを再フォーマットから除外することもできます。コードフラグメントを再フォーマットするエディターで、再フォーマットしたいコードフラグメントを選択しま...
コード補完
基本コード補完は、可視性スコープ内のクラス、メソッド、フィールド、キーワードの名前を補完するのに役立ちます。WebStorm はコンテキストを分析し、現在のキャレット位置から到達可能な選択肢を提案します。JSDoc コメント、TypeScript 型定義などからの追加情報も補完精度を大幅に向上させます。候補にはライブテンプレートも含まれます。補完機能は英語以外のキーボードレイアウトでも利用できます。補完はサードパーティのコードのシンボルに対しても機能します。ほとんどの場合、必要なのは、必要なファイ...
ソースコードナビゲーション
さまざまなアクションとポップアップを使用して、エディター内のコード内をすばやく移動できます。エディターウィンドウとツールウィンドウ間の移動、およびエディタータブとパンくずリストの操作の詳細については、エディターの基本を参照してください。最近のファイル、場所、変更のナビゲーションの詳細については、最近のファイルと変更を参照してください。必要なファイルの検索方法の詳細については、ファイルナビゲーションを参照してください。ファイルの構造を表示および移動する方法の詳細については、ファイル構造を参照してく...
JSON
JSON 形式は、データの保存や設定ファイルによく使用されます。WebStorm は JSON ファイルの操作を支援し、構文とフォーマットをチェックします。一般的な設定ファイルでは、WebStorm がコードを検証し、JSON スキーマに基づいたコード補完を提供します。JSON スキーマは、そのようなファイルの構造と内容を記述するための特別な形式です。WebStorm には、最も一般的な形式の登録済みスキーマセットがバンドルされています。JSON Schema Store のスキーマやカスタム J...
名前でターゲットを検索する (どこでも検索)
プロジェクト内またはプロジェクト外のアイテムは、その名前で見つけることができます。単一のエントリポイントから、Git 内のファイル、アクション、クラス、シンボル、設定、UI 要素などを検索できます。プロジェクト内のテキストの検索の詳細については、「プロジェクト内のターゲットを検索する」を参照してください。どこでも検索：に移動するか、を 2 回押して、すべて、クラス、ファイル、シンボル、アクションタブのある検索ウィンドウを開きます。デフォルトでは、すべてタブが開き、WebStorm に最近のフ...