ReSharper 2020.2ヘルプ

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を使用すると、セミコロンを自動的に追加できます。

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

最終更新日:

関連ページ:

ReSharper設定の管理と共有

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

スコープの修正

ほとんどのクイックフィックスは、キャレットで現在の課題を修正できますが、中には (たとえば、未使用のディレクティブを削除する、フィールドを読み取り専用にする、冗長なキャストの除去など)、現在のファイル、現在のプロジェクト、またはソリューション全体など、より大きな範囲で課題を自動的に見つけて修正できる...

コードのクリーンアップ

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

コード生成

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

ネーミングスタイル

バージョン2018.3から、ReSharperは既存のコードからC#シンボルの命名規則を自動的に学習を実行できます。命名規則を手動で構成する場合は、ReSharperオプション(Alt+R O)のコード編集 | C# | ネーミングスタイルページの自動検出ルールを使用するチェックボックスをオフにしま...

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

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