ReSharper 2019.2ヘルプ

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

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

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

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

ネーミングスタイル

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

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

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

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

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

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

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

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

引用スタイル

JavaScript specification allows you to use both single (') and double (") quotes for handling string literals. It is a good idea to stick to the same quote style within your project or solution. To do so, you can configure your preference as well as the severity level of the corresponding code inspection on the コード編集 | JavaScript | コード・スタイル page of ReSharper options. ReSharper will detect and highlight the code that differs from your preference. To enforce this preference in the existing codebase, either run code cleanup with one of the default profiles フルクリーンアップ or コードスタイルの再フォーマットと適用 , or create and run カスタムプロファイル where the corresponding option selected.

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

終了文

JavaScript/TypeScript do not require the semicolon to terminate a statement if the statement ends with a line break or if there is only one statement enclosed in braces. However, it is often recommended to use semicolon after each statement (see this StackOverflow thread(英語) for example). ReSharper can help you add semicolons automatically.

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

最終更新日: 2019年8月16日

関連事項

関連ページ:

ReSharper設定の管理と共有

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

スコープの修正

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

コードのクリーンアップ

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

コード生成

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

ネーミングスタイル

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

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

コードスタイルの重要な点は、コードの書式設定方法、つまり、空白と空白行を使用してコードブロックを配置および分離する方法、インデントにタブを使用するかどうか、および使用する方法。多数のReSharperコードフォーマットルールには、デフォルトのVisual Studioフォーマットオプションと多数のベ...