ReSharper 2019.1ヘルプ

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

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

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

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

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

Inspecting TypeScript issues in specific scope

Code inspection behavior as well as code generation results depend on the TypeScript project settings. In Visual Studio 2013 and higher, you can configure the first two of this settings in the project property editor (right-click on the project and choose プロパティー ). In Visual Studio 2012, you can only change these properties manually by editing the project file ( .csproj ).

  • ECMAScriptのバージョンTargetEsVersion
    バージョンが5より低い場合、ReSharperは getset の使用箇所をエラーとして検出します。バージョンが5以上の場合、ReSharperは8進数リテラルをエラーとして検出し、16進数または10進数リテラルに置き換えることを提案します。

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

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

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

クイックフィックス

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

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

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

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

Importing missing namespace in TypeScript

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

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

Implementing interface members in TypeScript

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

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

ReSharper by Language TypeScript Quick Fixes rename function overload 01

公開/非公開にする

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

ReSharper by Language TypeScript Quick Fixes change modifier 01

タイプ注釈を追加する

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

ReSharper by Language TypeScript Quick Fixes add annotation 01

疑問符を削除する

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

ReSharper by Language TypeScript Quick Fixes remove question mark 01

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

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

ReSharper by Language TypeScript Quick Fixes remove function body 01

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

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

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

関連事項

関連ページ:

コード解析

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

Web Linterでコードの検証

ReSharperは、Webコード品質ツール(linterとも呼ばれます) - JSLint、ESLint、およびTSLintと統合して、コード内のさらに多くの問題を検出して修正できます。Linters are designed as command-line tools, so normally...

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

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

設計時にコード問題を検出

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

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

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

TypeScriptのコード生成

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