ReSharper 2020.2 ヘルプ

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

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

修飾子の配置

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

暗黙的 / 明示的な型指定

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

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

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

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

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

最終更新日 :

関連ページ:

ReSharper 設定の管理と共有

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

スコープの修正

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

コードのクリーンアップ

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

コード生成

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

ネーミングスタイル

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

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

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