コードスタイル: Twig

このページを使用して、Twig テンプレートのフォーマットオプションを構成します。結果をプレビューペインで表示します。

タブとインデント

項目	説明
タブ文字を使用する	インデントには `Tab` キーを使用します。チェックボックスをオフにすると、PhpStorm はタブの代わりにスペースを使用します。
インデント	このフィールドでは、各インデントレベルに挿入するスペースの数を指定します。

その他

このタブで、Twig(英語) のコーディングスタイルを構成します。

項目	説明
区切り記号内のスペース `{%...%}`	このチェックボックスを選択すると、ブロックが `{% block content %}` のようになるように、PhpStorm が自動的にタグブロック区切り文字 `{%` および `%}` 内にスペースを挿入します。
可変区切り文字 `{{...}}` 内のスペース	このチェックボックスを選択すると、PhpStorm が自動的に可変ブロック区切り文字 `{{` および `}}` 内にスペースを挿入して、ブロックが `{{ variable }}` のようになるようにします。
コメント区切り文字 `{#...#}` 内のスペース	このチェックボックスを選択すると、PhpStorm がコメントブロック区切り文字 `{#` および `#}` 内にスペースを自動的に挿入して、ブロックが `{# comment #}` のようになるようにします。

選択して設定

該当する場合、リンクはページの右上隅に表示されます。このリンクをクリックして、現在の言語コードスタイルのベースとして使用する言語を選択します。

コードスタイル設定の初期セットに戻り、変更を破棄するには、リセットをクリックします。

2024 年 5 月 26 日

関連ページ：

コードスタイル: Pug/Jade

このページを使用して、Pug(Jade) ファイルのフォーマットオプションを設定します。これらの設定を変更すると、プレビューペインに、コードへの影響が表示されます。タブとインデント：タブ文字を使用するこのチェックボックスをオンにすると、タブ文字が使用されます。キー押下時、インデント用、コードを再フォーマットするため、チェックボックスがオフの場合、PhpStorm はタブではなくスペースを使用します。タブサイズこのフィールドで、タブに収まるスペースの数を指定します。インデントこのフィールドでは、...

コードスタイル: TypeScript

このページを使用して、TypeScript ファイルのフォーマットオプションを設定します。これらの設定を変更すると、プレビューペインに、コードへの影響が表示されます。タブとインデント：タブ文字を使用するこのチェックボックスをオンにすると、タブ文字が使用されます。キー押下時、インデント用、コードを再フォーマットするため、チェックボックスがオフの場合、PhpStorm はタブではなくスペースを使用します。スマートタブインデントは 2 つの部分で構成されます。1 つの部分はコードブロックのネストに起...