ESLint en charge de Visual studio 2017

ESlint statique intellisense ne semble pas être pris en charge dans Visual Studio en 2017, ce qui rend le codage .fichiers js complète de la douleur que j'ai pour exécuter le CMD eslint commande pour obtenir tout peluchage erreurs. Dans VSCode je peux utiliser le ESLint extension. Ce sur Visual studio 2017?

Est leur toute manière, je peux l'activer?

InformationsquelleAutor Martin Dawson | 2017-05-29
  1. 71

    Comment Obtenir ESLint de Travail dans Visual Studio 2017:

    Je travaille avec Visual Studio 2017 v. 15.8 qui a amélioré ESLint de soutien. J'ai inclus la version précédente instructions à la fin, mais ne vous une faveur et de mise à niveau si vous voulez cette fonction.

    Dans le menu: Outils > Options > Editeur de Texte > Javascript/Tapuscrit > Peluchage

    Vérifier Enable Eslint
    ESLint en charge de Visual studio 2017

    Le mondial-en-visual-studio .eslintrc fichier est à la racine de votre répertoire de l'utilisateur (Windows 10), le long de avec d'autres visual studio configs. Vous pourriez quand même avoir eslint installé via npm install eslint -g sur votre machine. VS ne l'utiliseront pas. Il est livré avec la réagir plugin, mais vous pouvez installer d'autres plugins et ils vont travailler. Vous pouvez étendre configs normalement dans votre projet (eslint ref)

    Il utilise Eslint v4, mais acc. MME docs,

    si votre projet a une installation locale de ESLint, il utilise cette version à la place

    Pour v. 15.7
    Dans le menu: Outils - > Options - > Éditeur de Texte --> Javascript/Tapuscrit
    La case Activer Eslint à Vrai (si c'est pas déjà fait)

    Puis à partir du menu principal: Outils --> Web d'Analyse de Code --> Modifier ESLint Paramètres

    Vous devrez sauvegarder la .eslintrc et your.js fichier de règles pour prendre effet. Il y a peut être un moyen de permettre à l'intellisense à mesure que vous tapez, mais je n'ai pas trouvé. J'ai trouvé que si je mettre à jour les règles une fois que visual studio a déjà commencer peluchage, je dois redémarrer le projet de la nouvelle règle en vigueur. Encore maladroit mais c'est un excellent moyen de mettre rapidement en place une norme de codage surtout lorsque vous les faire correspondre avec votre éditeur de texte le format et l'utilisation d'un auto-format sur enregistrer plugin comme cette une

    N'oubliez pas de modifier le .eslintrc fichier dans le ESLint 2.0.0 format trouvé ici

    • Je ne pouvais toujours pas obtenir que cela fonctionne. J'utilise Resharper et eslint de AirBnB config. Le fait que VS n'est toujours pas en charge beaucoup de peluchage règles signifie que je suis aller juste pour coller à VSCode pour le développement en JS je pense.
    • J'ai mis à jour la réponse après la faire fonctionner.
    • Une idée de comment mettre à niveau la eslint version 2.0.0 à un autre plus élevé?
    • pas positif, cela va fonctionner, mais vous pouvez essayer de mettre à jour le eslint module dans le dossier node_modules pour VS. Le dossier se trouve par défaut dans Program Files -> Microsoft Visual Studio 14.0 -> Web -> Externe -> node_modules. Même emplacement où vous pouvez placer un plugin supplémentaire pour ESlint. Tous vous avez besoin à l'échelle mondiale, installé mnp. Laissez-moi savoir comment ça se passe si vous essayez!
    • Est-il un moyen de l'utilisation d'un .eslintrc fichier situé dans ma racine du projet dans VS Professionnel de 2017? Je veux contrôle de la source de ce fichier afin de l'avoir dans mon dossier de profil utilisateur n'est pas bon.
    • vous pouvez faire la même façon eslint travaille avec de multiples configurations: eslint.org/docs/user-guide/...
    • Si j'ai modifier le ESLint fichier de config, et que vous voulez désactiver les avertissements de "no-extra-parens" puis cette valeur est d'abord 1 (avertissement) - mais quand je l'ai changer Intellisense suggère "Erreur", "Off" et "Avertir" (chaînes de caractères). Donc, pour le désactiver, ne doivent entrer 0 à la place? Et, une reconstruction de la solution de re-vérifier les règles trop? Ou dois-je vraiment besoin de sauver le .js fichiers par la suite?
    • yup, intellisense est travailler contre vous, sauf si vous utilisez une installation globale de eslint
    • Merci, donc je vais utiliser la valeur numérique à la place.
    • Juste pour le but de la documentation: 0 = off, 1 = warn, 2 = erreur.
    • href="https://eslint.org/docs/2.0.0/rules/" >eslint.org/docs/2.0.0/rules
    • Après avoir fait cela, comment puis-je tester si la fibre est en cours d'exécution? Dois-je installer la ngp?
    • vous devriez voir des avertissements et des erreurs dans visual studio de la Liste d'Erreurs (ctrl+\,E). Si vous souhaitez exécuter le eslint de commande dans votre fichier afin de le rendre simple auto-corrections, vous aurez besoin de mnp. C'est ce que tu veux dire par "en cours d'exécution?"
    • Les 15,8 version a un petit problème avec la .eslintignore fichier. Vous ne devez pas vous enregistrer en tant que utf8 avec bom (la valeur par défaut de visual studio). En mettant un # la première ligne permet également de travailler mieux! Attention, un *.js fichier doit être enregistré, avant toute modification .eslintignore est traitée.

    InformationsquelleAutor smurtagh
  2. 12

    Je ne sais pas si cela fait partie de la 15.8.2 mise à jour (juste ajouté sur 8/23/18) ou pas, mais la mise en page pour les Options a légèrement changé:

    ESLint en charge de Visual studio 2017

    Comme le menu options, sous Web d'Analyse de Code:

    ESLint en charge de Visual studio 2017

    J'ai soudain commencé à avoir le plus de picayune les erreurs de celui-ci (Comme "s'Attendre '===', et au lieu de scie '=='.") ce qui je pense est en raison qu'il a été "améliorée" pour mieux travailler.

    • Existe une solution pour éviter cela? (Comme "s'Attendre '===', et au lieu de scie '=='.") sans désactiver EsLint
    • Non pas que j'ai vu pour le moment. Et il semble que juste au sujet de tous les "erreurs" pourraient/devraient être mises en garde, comme dans il est préférable d'utiliser les trois = les signes, mais les deux n'est pas tout à fait "mal"
    • Oui, je suis d'accord avec vous. Parfois faut utiliser == faire/permet de cast implicite. Référence
    • Si vous souhaitez désactiver l'erreur: (Comme "Attendu"!==' et au lieu de cela vu '!='.") en JS fichiers, ouvrir .eslintrc (généralement à l'intérieur du dossier racine de l'utilisateur) et de modifier la propriété eqeqeq - je.e: "eqeqeq": 0 (vous pourriez avoir besoin de fermer et ouvrir visual studio pour faire des changements efficaces)
    InformationsquelleAutor VBartilucci
  3. 3

    De 14/8/2018 eslint a beaucoup mieux dans Visual Studio 2017 (15.8.0)

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

    • Les 15,8 version a un petit problème avec la .eslintignore fichier. Vous ne devez pas vous enregistrer en tant que utf8 avec bom (la valeur par défaut de visual studio). En mettant un # la première ligne permet également de travailler mieux! Attention, un *.js fichier doit être enregistré, avant toute modification .eslintignore est traitée.
    • pourriez-vous ajouter le commentaire ci-dessus à ma réponse?
    • J'utilisais la version VS 15.8.1 et ESLint soudainement jeté toutes sortes d'erreurs dans le code de la bibliothèque - la mise à niveau vers la dernière version (15.8.5), il fixe.
    InformationsquelleAutor JDC
  4. 2

    La eslint version de Visual Studio n'est pas la dernière, c'est pourquoi vous ne pouvait pas obtenir le eslint au travail comme dans VSCode.

    Il y a une extension nommée VisualLinter qui vous permettent d'utiliser la version la plus récente de eslint.

    InformationsquelleAutor zcharles