ReSharper 2019.1ヘルプ

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

修飾子の配置

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

暗黙的/明示的な型指定

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

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

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

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

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

最終更新日: 2019年5月14日

関連事項

関連ページ:

ReSharper設定の管理と共有

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

スコープの修正

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

コードのクリーンアップ

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

コード生成

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

ネーミングスタイル

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

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

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