コードスタイル
スキーム,
この領域で、 コードスタイルスキームを選択し、必要に応じて変更します。 コードスタイルスキームの設定は、WebStorm がコードを生成、リファクタリング、または再フォーマットするたびに自動的に適用されます。
IDE には、 プロジェクト スキームと デフォルト スキームの 2 つの定義済みスキームが付属しています。
プロジェクト スキームでは、構成する設定は現在のプロジェクトにのみ適用されます。
これらの設定は、 .idea の codeStyles フォルダーに保存され、VCS を介してプロジェクトと共有されます。
プロジェクトのコードスタイル設定を変更すると、IDE によってフォルダーが作成されます。
デフォルト スキーム（IDE レベルのスキーム）では、構成する設定は、 デフォルト コードスタイルスキームが選択されている既存のすべてのプロジェクトに適用されます。
これらの設定は、WebStorm 構成ディレクトリの下の codestyles フォルダーに保存され、VCS で共有されません。
プロジェクトのコードスタイルスキームをデフォルトスキームとして使用したい場合、IDE レベルにコピーできます。 逆に、IDE レベルのスキームの設定で現在のプロジェクト設定を上書きし、チームの他のメンバーと共有することもできます。
項目 | 説明 |
|---|---|
スキーム, | このリストから、使用するスキームを選択します。 事前定義スキームは太字で表示されます。 カスタムスキームは、事前定義済みスキームのコピーとして作成されたもので、通常のテキストで表示されます。 スキームがどこに保存されているかは各スキームの横に記載されており、例えば、 デフォルト スキームは IDE に、 プロジェクト スキームはプロジェクトに保存されます。 |
| このボタンをクリックして、スキームを管理するためのコマンド一覧を呼び出します：
|
一般
改行コード
WebStorm を使用すると、さまざまな言語の改行コードとインデントオプションを設定できます。 ソースコードを再フォーマットする際、WebStorm は指定されたインデントの動作を適用し、特別なフォーマットオフ / オンマーカーで示されたセクションをスキップします。
項目 | 説明 |
|---|---|
改行コード | このリストを使用して、WebStorm によって作成されたファイルで使用する 改行コードを指定します。 利用可能なオプションは次のとおりです：
|
次でハードラップ | このフィールドでは、エディターでページを表示するために使用される列数を指定します。 |
入力時に折り返す | 編集されたテキストが常に指定された右マージンに収まるようにするには、このチェックボックスを選択します。 |
ビジュアルガイド | このフィールドには、複数の右マージンを指定します。 デフォルト値のままにするか、余白のスペース数を入力することができます。 複数のマージンを指定する場合は、コンマで区切って番号を入力します。 |
インデント検出
現在のファイルの インデントスタイルを検出し、特定の言語のコードスタイル設定で指定されたインデントの代わりにこのスタイルを使用するには、 既存のファイルのインデントを検出して編集に使用する を選択します。
WebStorm は、エディターのステータスバーにインデント情報を表示します。 インデント情報をクリックして、このオプションを有効または無効にするなどの使用可能なアクションを確認し、現在のインデントを特定の言語のコードスタイル設定で指定されているインデントに変更できます。
EditorConfig
コードスタイルに EditorConfig を使用するには、 EditorConfig サポートを有効化 チェックボックスを選択します。 この場合、IDE 設定をオーバーライドし、プロジェクト内で異なるコードスタイルを持つコードスタイル設定を指定できます。
EditorConfig 設定ファイルの作成後に IDE 設定を使用する場合は、 EditorConfig サポートを有効化 チェックボックスをオフにする必要があります。
フォーマッター
この領域で、 再フォーマットから除外するコードフラグメントを制限するためのマーカーを指定します。 ソースコードでは、フォーマットマーカーは 行コメント内に記載されます。
項目 | 説明 |
|---|---|
フォーマットしない | フォーマットしない フィールドで、 再フォーマット、 コード配置、 インポート最適化から除外するファイルとディレクトリの名前を含む glob パターン(英語)を指定します (例: セミコロン 再フォーマットを完全に無効にするには、アスタリスク |
コード コメント内のマーカーでフォーマッターをオン・オフ切り替え |
|
オフ： | このフィールドには、再フォーマットから除外したいコードフラグメントの始まりを示す文字文字列を指定してください。 |
オン： | このフィールドには、再フォーマットから除外したいコードフラグメントの終わりを示す文字文字列を指定してください。 |
フォーマッター マーカーで正規表現を有効化 | フォーマットマーカーを明示的に指定する代わりに正規表現を使用するには、このチェックボックスをオンにします。 WebStorm は、正確な文字列の代わりに指定された正規表現を使用してフォーマッターのオン / オフマーカーを照合します。 例: 正規表現を使用すると、フォーマッターを有効または無効にするためのいくつかのマーカーを使用できます。 その場合、次の正規表現を使用できます: デモについては、 フォーマットマーカーの使用例 を参照してください。 |
フォーマットマーカーの使用例
この例は、2 つのコードフラグメントを示しています。 そのうちの 1 つ line 72 - line 76 は @formatter:off および @formatter:on マーカーで囲まれていますが、もう 1 つの line 78 - line 81 は含まれていません。
元のフォーマット:
マーカー内のコードの元のフォーマット (line 72 - line 76) は保持されますが、マーカーのないコード (line 78 - line 81) が再フォーマットされます。
元のフォーマットは、どちらのコードフラグメントでも保持されません。
