ReSharper 2019.3ヘルプ

TypeScriptのコードインスペクションとクイックフィックス

ReSharperのコード解析の主な機能は、TypeScriptでもサポートされています。これらの機能の詳細については、コード解析の該当するトピックを参照してください。このセクションの主題では、フィーチャマトリックスを見つけて、TypeScriptで正確にサポートされているものを確認することもできます。

このトピックでは、TypeScriptでコード解析機能を使用する例をいくつか見てみましょう。

コード・インスペクション

ReSharperのコードインスペクションは、TypeScriptファイルのコンパイラエラーやその他のコードの課題を検出します。デフォルトでは、TypeScriptコードは設計時にインスペクションされます。必要に応じて、特定のスコープでコードインスペクション を実行することもできます。

ReSharper: Inspecting TypeScript issues in specific scope

コードインスペクションの動作とコード生成の結果は、TypeScriptプロジェクトの設定に依存します。Visual Studio2013以降では、プロジェクトプロパティーエディターでこの設定の最初の2つを構成できます(プロジェクトを右クリックしてプロパティーを選択します)。Visual Studio2012では、プロジェクトファイル .csprojを編集することにより、これらのプロパティーを手動でのみ変更できます。

  • ECMAScriptのバージョン TargetEsVersion
    バージョンが5未満の場合、ReSharperは get および set の使用をエラーとして検出します。バージョンが5以上の場合、ReSharperは8進リテラルをエラーとして検出し、16進または10進リテラルに置き換えることを提案します。

  • 暗黙のany型を許可する NotImplicitAny
    このプロパティーに応じて、ReSharperは暗黙の「任意の」タイプ( var a; a = 5;など)をエラーとして検出するかどうかを決定します。

  • TypeScriptNoResolve
    このオプションが 'true' に設定されている場合、ReSharperは外部モジュールの使用をエラーとして検出します。

コードインスペクションの動作は、ReSharperオプションのコード編集 | TypeScript | コード・スタイルページで設定されたオプションによっても異なります。詳細は、TypeScriptのコードスタイル支援を参照してください。

クイックフィックス

クイックフィックスを使用すると、コードインスペクションで見つかったコードの課題のほとんどを自動的に解決することができます。コードの課題に対して1つ以上のクイックフィックスが利用可能な場合は、キャレットが強調表示されたコード上にあるときに対応するアクションインジケータが表示されます。目的の修正を確認して適用するには、Alt+Enter を押します。

ReSharperはTypeScriptに数十のクイックフィックスを提供します。ここではいくつかの例を示します。

不足しているインポートを追加する

ReSharperが現在のファイルにインポートされていないタイプを検出した場合は、そのファイルを強調表示し、欠落しているすべてのインポートを一度に追加することを提案します。詳細は、不足している名前空間をインポートするを参照してください。

Importing missing namespace in TypeScript

不足しているメンバーの実装

ReSharperは実装されていないメンバーを自動的に生成することを提案しています:

ReSharper: Implementing interface members in TypeScript

関数のオーバーロードの名前を正しく変更する

タイプミスのために関数のオーバーロードの名前が同じでない場合、ReSharperは不一致の名前を強調表示し、クイックフィックスを提案します。

ReSharper: 'Rename function overload properly' quick-fix in TypeScript

公開/非公開にする

デフォルトメンバーのアクセシビリティはpublicですが、関数をprivateとして明示的に指定した場合、そのすべてのオーバーロードは同じ修飾子を持つ必要があります。そうでない場合、ReSharperはそれを強調表示し、変更を提案します。

ReSharper: 'Make public/private' quick-fix in TypeScript

タイプ注釈を追加する

typeが指定されていない場合は、変数が強調表示されます。 Alt+Enter を押してクイックフィックスのリストを表示し、次のものを適用します。必要な型注釈が追加されます。

ReSharper: 'Add type annotation' quick-fix in TypeScript

疑問符を削除する

TypeScriptでは、オプションのパラメータにデフォルト値を設定することはできません。それらが偶然持っていた場合は、疑問符を削除するか、初期化子を削除します。

ReSharper: 'Remove question mark' quick-fix in TypeScript

アンビエント関数本体を削除する

コード内に不要な構造を保持する必要はありません。コードを読めるようにするために、ReSharperは、たとえば、関数の本体を削除することを提案しています。

ReSharper: 'Remove ambient function body' quick-fix in TypeScript

ReSharperに特定のコードを無視させる

ReSharperでは、特定のファイル、フォルダー、ファイルマスクをさまざまな方法で無視できます。無視されるファイルは、次のオプションページで設定できます。

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

関連ページ:

コード解析

ReSharperは、エディター内の単一のステートメントから、ソリューション全体のアーキテクチャまで、さまざまなレベルのコードを分析できます。コードの課題を見つける:ReSharperは、C#、VB.NET、XAML、XML、ASP.NET、ASP.NET MVC、Razor、JavaScript、...

Web Linterでコードの検証

ReSharperは、Webコード品質ツール(linterとも呼ばれます) - JSLint、ESLint、およびTSLintと統合して、コード内のさらに多くの問題を検出して修正できます。Linterはコマンドラインツールとして設計されているため、通常はコードを検証するたびに、コンソールに移動して...

コード・インスペクション

ReSharperはサポートされているすべての言語で2500以上のインスペクションを提供します。これらのインスペクションは、開いているすべてのファイルで設計時にコードの課題を検出して強調表示するため、および/または特定の範囲内ですべてのコードの課題を見つけるために使用されます。インスペクション Re...

設計時にコードの課題を検出する

ReSharperは、エディターでコード・ファイルを開くとすぐに分析を開始し、最後まで編集を続けます。検出されたすべてのコードの課題は、重大度に従ってエディターで強調表示されます。課題のマップは、エディターウィンドウの右側のマーカーバーにも表示されます。ここでは、ファイルのステータスを即座に確認し、...

特定の範囲でコードの課題を見つける

設計時コードインスペクションは、エディターでコーディングしたり、特定のファイルを見直したりするときに役立ちます。ただし、ReSharperを使用すると、ソリューション全体または狭い範囲でスタティックコード分析を実行し、結果をフレンドリーな視点で調べることもできます。必要に応じてインスペクション結果を...

TypeScriptのコード生成

ReSharperは、定型コードを生成するさまざまな方法を提供します。例:宣言されていないコードシンボルを使用し、これらのシンボルを用途に基づいて自動的に生成したり、型メンバーを生成したりすることができます。ReSharperはTypeScriptに以下のコード生成機能を提供します:使用箇所からコー...