ReSharper 2019.3ヘルプ

TypeScriptのコードスタイル支援

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

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

ReSharperは、TypeScriptで次のコードスタイルアシスタント機能を提供します。

ネーミングスタイル

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

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

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

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

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

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

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

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

引用スタイル

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

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

モジュールのインポートスタイル

他のモジュールから型をインポートする方法はいくつかあります。モジュールの別名を追加するか、完全修飾型の名前を使用することができます。ReSharperを使用すると、目的の範囲内で型をインポートするための望ましい方法を適用できます。

優先モジュールのインポートスタイルを適用する

  1. ReSharperオプションのコード編集 | TypeScript | コード・スタイルページの型をインポートするときに修飾子にモジュールエイリアスを追加することを優先するチェックボックスを使用して、好みを指定します。

  2. 「完全クリーンアップ」プロファイルを使用して、希望の範囲内にあるコードのクリーンアップを実行します

必要に応じて、カスタムプロファイルを使用してモジュールインポートスタイルを適用できます。これを行うには、カスタムクリーンアッププロファイルを作成し、TypeScript特異的プロファイル設定の'インポート'ステートメントを最適化するチェックボックスをオンにします。

参照コメントの最適化

ReSharperは、未使用の参照コメントを検出して削除できます。参照コメントを最適化するには、「フルクリーンアップ」プロファイルを使用して目的のスコープのコードのクリーンアップを実行する作成するか、カスタムクリーンアッププロファイルを作成して、TypeScript特異的プロファイル設定の参照コメントを最適化するチェックボックスをオンにします。

終了文

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

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

修飾子の配置

明示的な 'public'修飾子を使用するかどうかを選択する場合、ReSharperオプションのコード編集 | TypeScript | コード・スタイルページで、対応するコードインスペクションの重大度と同様に、設定を構成できます。ReSharperは、設定とは異なるコードを検出して強調表示します。既存のコードベースでこの設定を強制するには、デフォルトプロファイルフルクリーンアップまたはコードスタイルの再フォーマットと適用のいずれかでコードクリーンアップを実行するか、対応するオプションが選択された場所でカスタムプロファイルを作成して実行します。

暗黙的/明示的な型指定

TypeScript仕様では、型に暗黙的または明示的に型を指定したり、型に 'any' キーワードを使用したりできます。ReSharperコードスタイルアシスタントを使用して、タイプを明示的に指定する必要があるかどうか、また暗黙の 'any' を許可するかどうかを定義できます。

好みを指定するには、ReSharperオプションのコード編集 | TypeScript | コード・スタイルページにある型指定グループのコントロールを使用します。

暗黙の「any」を使用することをプロジェクト設定で設定することもできます。暗黙の 'any' タイプがプロジェクト設定で許可されていない場合は、コードスタイルの設定に関係なく、常にエラーとして強調表示されます。

暗黙的/明示的な入力設定を特定のファイル、プロジェクト、またはソリューションに適用するには、「完全クリーンアップ」プロファイル、またはタイプ注釈の存在をコードスタイルと同期させるおよび必要に応じて明示的な「任意の」型注釈を追加するチェックボックスがTypeScript特異的セクションで選択されているカスタムプロファイルを使用してコードクリーンアップを実行します。。

暗黙的/明示的なタイプ設定の好みもReSharperのコードインスペクションによって考慮に入れられています。

最終更新日: 2019年12月12日

関連ページ:

ReSharper設定の管理と共有

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

スコープの修正

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

コードのクリーンアップ

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

コード生成

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

ネーミングスタイル

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

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

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