ReSharper 2021.1 ヘルプ

JavaScript でのコードスタイルアシスタンス

ReSharper はあなたのコードをきちんときれいに保つための多くの機能を提供します。ReSharper の他の機能の大部分と密接に連携しているため、特定のコードスタイルに従ってコードを生成したり既存のコードベースを変更したりできます。命名標準、フォーマット規則、その他のさまざまな小さな要素を含むコードスタイルは、非常に詳細なレベルに構成してチーム全体で共有できます。

他の言語と同様に、すべての JavaScript コードスタイル設定は、スコープを修正またはコードのクリーンアップのいずれかを使用して 1 つのコマンドで目的のスコープで適用できます。

ReSharper は、JavaScript で次のコードスタイル支援機能を提供します。

ネーミングスタイル

ReSharper は、コード内のシンボルの命名スタイルを定義、制御、適用できます。命名スタイルはルールのセットとして実装され、それぞれが特定の識別子を制約のセットでターゲットにします(たとえば、ルールは静的なプライベート読み取り専用フィールドをターゲットにできます)。各ルールには、接尾辞、接頭辞、複合語の大文字化などを定義する 1 つ以上のスタイルを関連付けることができます。

これらのルールは、ReSharper がコード補完およびコード生成機能を使用して新しいコードを生成し、コードテンプレートを適用し、リファクタリングを実行するときに考慮されます。ReSharper は、命名規則の違反を検出して修正するのにも役立ちます。必要に応じて、命名規則の自動チェックを構成または無効にできます

命名スタイルの設定と適用の詳細については、ネーミングスタイルを参照してください。

コードフォーマットルールの管理と適用

コードスタイルの重要な点は、コードのフォーマット方法、つまり、空白と空白行を使用してコードブロックを配置および分離する方法、インデントにタブを使用するかどうか、および使用する方法。

ReSharper コードフォーマットルールの広範なセットには、デフォルトの Visual Studio フォーマットオプションと多数のベストプラクティスを考慮したデフォルト構成があります。フォーマットルールのすべての詳細を構成し、コードにルールを適用できます。これらのルールは、ReSharper がコード補完およびコード生成機能を備えた新しいコードを生成し、コードテンプレートを適用し、リファクタリングを実行するときに適用されます。フォーマットルールは、現在の選択、現在のファイル、またはソリューション全体までのより広い範囲の既存のコードにも適用できます。

ReSharper は、共有設定のメカニズムを使用してフォーマット設定を保存しますコード編集 | JavaScript | スタイルのフォーマットグループのオプションページでフォーマットルールを設定できます。また、EditorConfig およびクラン形式ファイルにフォーマット設定を保存して共有することもできます。

オプションページを掘り下げる代わりに、コードのブロックを選択し、Alt+Enter を押してフォーマット | 構成を選択し、このブロックに適用可能なフォーマットルールを構成して、このブロックでの変更を確認できます。

引用スタイル

JavaScript 仕様では、文字列リテラルの処理に一重引用符(')と二重引用符(")の両方を使用できます。プロジェクトまたはソリューション内で同じ引用符スタイルを使用することをお勧めします。これを行うには、設定を次のように構成できます。ReSharper オプションのコード編集 | JavaScript | 構文スタイルページにある対応するコードインスペクションの重大度レベル。ReSharper は、設定とは異なるコードを検出してハイライトします。既存のコードベースでこの設定を適用するには、ビルドされたコードのいずれかを使用してコードクリーンアップ実行します。プロファイルフルクリーンアップまたは再フォーマットして構文スタイルを適用で、または対応するオプションが選択されたカスタムプロファイルを作成して実行します。

この設定は TypeScript の同じ設定と共有されるため、ある言語でそれを変更すると、他の言語の設定も変更されます。

終了文

Javascript/Typescript は、ステートメントが改行で終了する場合、または中括弧で囲まれたステートメントが 1 つしかない場合、ステートメントを終了するためにセミコロンを必要としません。ただし、各ステートメントの後にセミコロンを使用することをお勧めします(たとえば、この StackOverflow スレッドを参照してください)(英語)。 ReSharper は、セミコロンを自動的に追加できます。

特定のファイル、プロジェクト、またはソリューションのステートメントを終了するには、「フルクリーンアップ」プロファイルまたはステートメントの終了Javascript/Typescript セクションで選択されているカスタムプロファイルを使用して、目的のスコープでコードクリーンアップを実行します

関連ページ:

ReSharper 設定の管理と共有 | ReSharper

ReSharper は、階層化された設定のメカニズムを使用して環境設定を保存するため、次の利点があります。さまざまなソリューションで異なる設定を行うことができます。環境設定のさまざまなサブセットを別の場所に保存し、特定のソリューションで作業するときに環境設定を組み合わせることができます。例: 記号のアイコンとチーム設定のコード形式を個人設定で保存し、これらの設定を自動的に組み合わせることができます。設定の特定のサブセットを VCS に保持することにより、チーム内の設定を同期できます。ReShar...

スコープの修正 | ReSharper

ほとんどのクイックフィックスは、キャレットで現在の問題を修正できますが、中には (たとえば、未使用のディレクティブを削除する、フィールドを読み取り専用にする、冗長なキャストの除去など)、現在のファイル、現在のプロジェクト、またはソリューション全体など、より大きな範囲で問題を自動的に見つけて修正できるものもあります。範囲内の修正を適用する:このような修正は、アクションリストの横に表示される小さな矢印で識別できます。範囲内の修正を適用する ReSharper のインスペクションによってハイライトされ...

コードのクリーンアップ | ReSharper

ReSharper を使用すると、フォーマットやその他のコードスタイル設定を一括モードで適用して、1 つ以上のファイル、プロジェクト、またはソリューション全体でコードスタイル違反を即座に排除できます。コードクリーンアッププロファイル:コードのクリーンアップには、ニーズに応じてさまざまな場合に適用できるさまざまな設定(プロファイル)があります。提供時の状態で使用可能な 3 つのデフォルトプロファイルがあります。コードのフォーマットのみを適用するビルトイン: コードの整形、コードのフォーマットとコ...

ネーミングスタイル | ReSharper

ReSharper は、コード内のシンボルの命名スタイルを定義、制御、適用できます。命名スタイルはルールのセットとして実装され、それぞれが特定の識別子を制約のセットでターゲットにします(たとえば、ルールは静的なプライベート読み取り専用フィールドをターゲットにできます)。各ルールには、接尾辞、接頭辞、複合語の大文字化などを定義する 1 つ以上のスタイルを関連付けることができます。これらのルールは、ReSharper がコード補完およびコード生成機能を使用して新しいコードを生成し、コードテンプレート...

コードフォーマットルールの管理と適用 | ReSharper

コードスタイルの重要な点は、コードのフォーマット方法、つまり、空白と空白行を使用してコードブロックを配置および分離する方法、インデントにタブを使用するかどうか、および使用する方法。ReSharper コードフォーマットルールの広範なセットには、デフォルトの Visual Studio フォーマットオプションと多数のベストプラクティスを考慮したデフォルト構成があります。フォーマットルールのすべての詳細を構成し、コードにルールを適用できます。これらのルールは、ReSharper がコード補完およびコ...

EditorConfig を使用する | ReSharper

ReSharper は、EditorConfig 形式で定義されたコード形式スタイル、コード構文スタイル、C# の命名スタイル、コードインスペクション重大度レベルをサポートします。Matthell は、ReSharper が EditorConfig を使用してフォーマットルールの設定全体をどのように維持するのをヘルプいるかを示しています。EditorConfig とは何ですか? ReSharper はどのようにそれを拡張しますか? :EditorConfig は、同じコードで作業しているチームメ...