web-dev-qa-db-fra.com

Prise en charge d'ESLint Visual studio 2017

ESlint static intellisense ne semble pas être pris en charge dans Visual Studio 2017, ce qui complique considérablement le codage dans les fichiers .js, car je dois exécuter la commande CMD eslint pour obtenir les erreurs de peluchage. En VSCode, je peux simplement utiliser l'extension ESLint. Qu'en est-il de Visual studio 2017?

Est-ce que je peux l'activer?

40
Martin Dawson

Comment obtenir le fonctionnement d'ESLint dans Visual Studio 2017:

Je travaille avec Visual Studio 2017 v.15.8 , qui a amélioré la prise en charge d'ESLint. J'ai inclus les instructions de la version précédente à la fin, mais faites-vous une faveur et mettez à niveau si vous voulez cette fonctionnalité.

Dans le menu: Outils> Options> Editeur de texte> Javascript/TypeScript> Linter

Vérifiez Enable Eslintenter image description here

Le fichier global-in-visual-studio .eslintrc Se trouve dans votre répertoire utilisateur racine (Windows 10), ainsi que d'autres configurations Visual Studio. Vous pouvez toujours avoir installé eslint via npm install eslint -g Sur votre machine. VS ne l'utilisera pas. Il vient avec le plugin de réaction, mais vous pouvez installer d'autres plugins et ils fonctionneront. Vous pouvez prolonger les configs normalement dans votre projet ( eslint ref )

Il utilise Eslint v4 mais acc. aux documents MS,

si votre projet dispose d'une installation locale d'ESLint, il utilisera cette version à la place.


Pour v.15.7 Dans le menu: Outils -> Options -> Éditeur de texte -> Javascript/TypeScript Définissez Activer Eslint sur True (si ce n'est déjà fait)

Ensuite, à partir du menu principal: Outils -> Analyse du code Web -> Modifier les paramètres ESLint

Vous devrez enregistrer les fichiers .eslintrc Et your.js Pour que les règles prennent effet. Il pourrait y avoir un moyen d'activer l'intellisense au fur et à mesure que vous tapez, mais je ne l'ai pas trouvé. J'ai constaté que si je mets à jour les règles après que Visual Studio a déjà commencé à lisser, je dois redémarrer le projet pour que la nouvelle règle prenne effet. Toujours maladroit, mais c’est un excellent moyen de mettre en œuvre rapidement une norme de codage, en particulier lorsque vous la comparez avec le format de votre éditeur de texte et que vous utilisez un formatage automatique pour le plug-in de sauvegarde, comme celui-ci

Rappelez-vous simplement d’éditer le fichier .eslintrc Au format ESLint 2.0.0 trouvé ici

72
smurtagh

Je ne sais pas si cela fait partie de la mise à jour 15.8.2 (ajoutée le 23/08/18) ou non, mais la présentation des options a légèrement changé:

enter image description here

Comme les options de menu sous Analyse du code Web:

enter image description here

J'ai soudainement commencé à avoir le plus d'erreurs de picayune (comme "attendu" === 'et à la place vu "==". ") Que je soupçonne d'être due au fait qu'elle a été" améliorée "pour mieux fonctionner.

13
VBartilucci

À partir du 14/8/2018, Eslint dispose d'un support bien meilleur dans Visual Studio 2017 (15.8.0).

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

4
JDC

La version eslint de Visual Studio n’est pas la dernière, c’est pourquoi vous n’avez pas pu faire fonctionner eslint comme dans VSCode.

Il existe une extension nommée VisualLinter qui vous permet d’utiliser la version la plus récente d’eslint.

3
zcharles