ReSharper 2020.1ヘルプ

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

ReSharperのコード分析の主な機能はJavaScriptでもサポートされています。これらの機能の詳細については、コード解析セクションの対応するトピックを参照してください。このセクションのメイントピックでは、機能マトリックスを見つけて、JavaScriptでサポートされている内容を確認することもできます。

このトピックでは、JavaScriptでコード分析機能を使用するいくつかの例を見つけることができます。

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

ReSharperの静的コード分析は、JavaScriptコード内の100以上の異なるエラーや問題を検出することができます。

分析は、コード・インスペクション現在のドキュメントまたは指定されたスコープに適用することによって実行されます。

言語で使用可能なインスペクションのリストを確認するには、ReSharperオプション(Alt+R O)のコード・インスペクション | インスペクション重大度ページを開き、言語ノードを展開します。

グローバル変数の解決

ReSharperは未定義変数の使用箇所を警告として強調しています。しかしながら、これらの用法が有効な場合があります。たとえば、一部の変数はマークアップで直接定義できます。

これに対処する1つの方法は、対応するコードインスペクションを無効にするか抑制することです。ただし、// global コメントを使用してそのような変数を定義できます。この場合、インスペクションはアクティブのままで、変数名の中のタイプミスを見つけるのに役立ちます。

これらのコメントは、現在のファイルの先頭に配置するか、プロジェクトのすべてのグローバル変数に単一のファイルを使用できます。各変数には、新しいコメントが必要です。例: // global variableName

クイックフィックス

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

ReSharperは、JavaScript用の多数のクイックフィックスを提供します。ここではいくつかの例を示します。

使用から作成

これは最も便利なクイックフィックスの1つです。宣言されていないものを使用するときはいつでも、ReSharperは使用箇所と周囲の状況を考慮して有効な宣言を作成できます。

修飾子を明示的に指定する

明示的な修飾子がない場合は、このクイックフィックスを使用して修飾子を追加してください。

ReSharper: Specify qualifier explicitly quick-fix in JavaScript

ローカル変数の宣言

変数が宣言されずに代入されていることがReSharperによって検出されたら、このクイックフィックスを使用して代入を変数宣言に変換します。

ReSharper: Declare local variable quick-fix in JavaScript

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

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

  • コード・インスペクション | 設定は、コードインスペクションからファイル、フォルダー、マスクを除外します。

  • コード・インスペクション | 生成されたコードは、生成されたコードのコード インスペクションを部分的に無効にします

  • 環境 | 検索とナビゲーションを使用して、名前で検索コマンドで無視する必要があるファイルとフォルダーを指定します。

  • コード編集 | サードパーティコード は C++、JavaScript、TypeScript、CSS、HTML、JSONファイル、フォルダー、ワイルドカードを追加して、「スキップ」または「ライブラリ」として扱います。ReSharperは「スキップされた」ファイルを完全に無視し、「ライブラリ」ファイルを読み取り専用として扱います。ナビゲーション用にインデックス付けされていますが、インスペクションクイックフィックス、およびリファクタリングはありません。

最終更新日: 2020年5月08日

関連ページ:

コード解析

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

Web Linterでコードの検証

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

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

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

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

ReSharper starts analyzing a code file as soon as you open it in the editor, all the way you edit it, until it is closed. All detected code issues are...

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

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

コードインスペクション設定の構成

コード注釈を使用して、ReSharperがコードをインスペクションする方法をカスタマイズすることもできます。設計時コードインスペクションを構成する:デフォルトでは、ReSharperは、サポートされている言語に対応するすべてのファイルで設計時コードインスペクションを有効にします。必要に応じて、無効に...