ReSharper 2019.1ヘルプ

TypeScriptのコードスタイル支援

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

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

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

ネーミングスタイル

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

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

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

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

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

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

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

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

引用スタイル

TypeScript 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 コード編集 | TypeScript | コード・スタイル 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.

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

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

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

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

  1. Use the 型をインポートするときに修飾子にモジュールエイリアスを追加することを優先する checkbox on the コード編集 | TypeScript | コード・スタイル page of ReSharper options to specify your preference.

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

If necessary, you can use a custom profile for applying module import style. To do so, create a custom cleanup profile and tick the 'インポート'ステートメントを最適化する checkbox in the TypeScript特異的 profile settings.

参照コメントの最適化

ReSharper helps you detect and remove unused reference comments. To optimize reference comments, コードのクリーンアップを実行する in the desired scope with the 'Full Cleanup' profile or create a custom cleanup profile and tick the 参照コメントを最適化する checkbox in the TypeScript特異的 profile settings.

終了文

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

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

修飾子の配置

If you prefer to use or not to use explicit 'public' modifier, you can configure your preference as well as the severity level of the corresponding code inspection on the コード編集 | TypeScript | コード・スタイル 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仕様では、型に暗黙的または明示的に型を指定したり、型に 'any' キーワードを使用したりできます。ReSharperコードスタイルアシスタントを使用して、タイプを明示的に指定する必要があるかどうか、また暗黙の 'any' を許可するかどうかを定義できます。

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

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

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

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

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

関連事項

関連ページ:

ReSharper設定の管理と共有

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

スコープの修正

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

コードのクリーンアップ

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

コード生成

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

ネーミングスタイル

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

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

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