ReSharper 2019.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セクションでTerminateステートメントが選択されているカスタムプロファイルを使用して、目的の範囲でコードクリーンアップを実行します

最終更新日: 2019年6月7日

関連事項

関連ページ:

ReSharper設定の管理と共有

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

スコープの修正

ほとんどのクイック・フィックスは現在の問題をキャレットで修正することができますが、その一部(例:未使用のディレクティブを削除する、フィールドを読み取り専用にする、冗長なキャストの除去など)は、現在のファイル、現在のプロジェクト、またはソリューション全体「Fix in scope」と同様に、より広い範...

コードのクリーンアップ

ReSharper | 編集 | コードのクリーンアップコマンドラインユーティリティを使用してコードのクリーンアップを実行することもできます。ReSharperを使用すると、フォーマット設定やその他のコードスタイル設定を一括モードで適用して、1つ以上のファイル、プロジェクト、またはソリューション全体...

コード生成

ReSharperは、定型コードを生成するさまざまな方法を提供します。例:宣言されていないコードシンボルを使用し、これらのシンボルを用途に基づいて自動的に生成したり、型メンバーを生成したりすることができます。現在のファイルで設計時コードインスペクションが有効になっている場合、ReSharperは足り...

ネーミングスタイル

バージョン2018.3から始まって、ReSharperは既存のコードからC#シンボルの命名規則を自動的に学習できます。命名規則を手動で設定したい場合は、ReSharperオプションのコード編集 | C# | ネーミングスタイルページの自動検出ルールを使用するチェックボックスをクリアしてください。Re...

コードの書式設定ルールの管理と適用

ReSharper | 編集 | コードの再フォーマットコードスタイルの重要な側面は、コードをどのように整形するか、すなわち、空白と空白を使用してコードブロックを整理し分割する方法、インデント用のタブを使用するかどうか、使用方法、長い行を折り返すかどうかなどです。多数のReSharperコードフォー...