webdevqa.jp.net

ESLintサポートVisual Studio 2017

ESlint静的インテリセンスはVisual Studio 2017ではサポートされていないようです。VisualStudio 2017では、リントエラーを取得するためにCMD eslintコマンドを実行する必要があるため、.jsファイルでのコーディングが完全に苦痛になります。 VSCodeでは、ESLint拡張機能を使用できます。 Visual Studio 2017はどうですか?

それらを有効にする方法はありますか?

40
Martin Dawson

Visual Studio 2017でESLintを動作させる方法:

ESLintサポートが改善されたVisual Studio 2017v.15.8を使用しています。最後に以前のバージョンの手順を記載しましたが、この機能が必要な場合はご自身でアップグレードしてください。

メニューから:[ツール]> [オプション]> [テキストエディター]> [Javascript/TypeScript]> [リンティング]

チェックEnable Eslintenter image description here

Global-in-visual-studio .eslintrcファイルは、他のVisual Studioの構成とともにルートユーザーディレクトリ(Windows 10)にあります。マシンのnpm install eslint -gからeslintをインストールすることもできます。 VSは使用しません。反応プラグインが付属していますが、他のプラグインをインストールすることもできます。プロジェクト内で通常どおり構成を拡張できます( eslint ref

Eslint v4を使用しますが、acc。 MSドキュメントに、

プロジェクトにESLintのローカルインストールがある場合、代わりにそのバージョンを使用します


v.15.7の場合メニューから:ツール->オプション->テキストエディター-> Javascript/TypeScript Eslintを有効に設定True(まだない場合)

次に、メインメニューから:[ツール]-> [Webコード分析]-> [ESLint設定の編集]

ルールを有効にするには、.eslintrcおよびyour.jsファイルを保存する必要があります。入力中にインテリセンスを有効にする方法があるかもしれませんが、私はそれを見つけていません。 Visual Studioが既にリンティングを開始した後にルールを更新すると、新しいルールを有効にするためにプロジェクトを再起動する必要があることがわかりました。まだ不格好ですが、これは特にテキストエディター形式と一致し、 this one のような保存プラグインで自動形式を使用する場合に、コーディング標準をすばやく実装するのに最適な方法です

ESLint 2.0.0形式の.eslintrcファイルを編集することを忘れないでください here

72
smurtagh

これが15.8.2アップデート(18/23/18に追加されたばかり)の一部であるかどうかはわかりませんが、Optionsのレイアウトはわずかに変更されています。

enter image description here

Webコード分析のメニューオプションと同様に:

enter image description here

私は突然、それから最も多くのpicayuneエラーを取得し始めました( "Expected '==='のように、代わりに '=='。"を見ました)。

13
VBartilucci

2018年8月14日の時点で、eslintはVisual Studio 2017(15.8.0)でより優れたサポートを提供します

https://docs.Microsoft.com/en-us/visualstudio/releasenotes/vs2017-relnotes-v15.8#eslint-improvements

4
JDC

Visual Studioのeslintバージョンは最新のものではないため、VSCodeのようにeslintを動作させることができませんでした。

Eslintの新しいバージョンを使用できるVisualLinterという名前の拡張機能があります。

3
zcharles