Javascript Girl
  1. Javascript Girl
  3. VSCode Linter ES6 ES7 Babel linter
Intereting Posts
Vous cherchez à combiner la couleur de remplissage CSS et le motif SVG sur un élément SVG Comment implémenter onclick dans javascript et html pour les périphériques avec des versions inférieures d'Android? Créer personnaliser Type-Head en utilisant jQuery et Bootstrap-Typeahead? Comment régler les heures, les minutes, les secondes jusqu'à la date qui est en GMT Ajax appelle la page complète de retour Deux actions différentes sur formulaire submit Pourquoi JSHint n'aime pas les ternaires pour les appels de méthodes sur des objets? Test d'une fonction d'arrêt dans Angular avec Jasmine n'appelle jamais la fonction Forcer le curseur sur le champ de texte Comment puis-je modifier le chemin d'accès log-phantomjs avec le sélénium? Angularjs $ http post fichier et données de formulaire Quelle est la version JavaScript de Sleep ()? Javascript: IE event.preventDefault est nul ou pas un objet Soumettre un formulaire avec une nouvelle valeur à l'aide de javascript. (MVC) Coordonner la trigonométrie – calculer le point milieu dans l'arc pour le trajet de vol

VSCode Linter ES6 ES7 Babel linter

Comment utiliser le code Visual Studio pour limiter le fichier JavaScript en fonction des règles babel / ES7 stage-0?

Je n'ai besoin que de code de peluche. J'ai déjà un fichier Js de transfert de fichiers web.

Comment je procède:

  • Installez globalement l'installation: npm install -g eslint
  • Installez babel-eslint: npm install --save-dev babel-eslint
  • Installez babel-eslint: npm install --save-dev eslint-plugin-react
  • Créez le fichier .eslintrc dans votre répertoire racine. Voici ma configuration: 

 { "env": { "browser": true, "node": true, "es6": true, "jest": true, "jquery": true }, "parser": "babel-eslint", "parserOptions": { "ecmaVersion": 6, "sourceType": "module", "ecmaFeatures": { "arrowFunctions": true, "binaryLiterals": true, "blockBindings": true, "classes": true, "defaultParams": true, "destructuring": true, "forOf": true, "generators": true, "modules": true, "objectLiteralComputedProperties": true, "objectLiteralDuplicateProperties": true, "objectLiteralShorthandMethods": true, "objectLiteralShorthandProperties": true, "octalLiterals": true, "regexUFlag": true, "regexYFlag": true, "spread": true, "superInFunctions": true, "templateStrings": true, "unicodeCodePointEscapes": true, "globalReturn": true, "jsx": true, "experimentalObjectRestSpread": true } }, "plugins": [ "react" ], "rules": { "strict": 0 } }
  • Dans VSC, appuyez sur F1, puis écris "extension", sélectionnez "installer des extensions", puis écris "eslint" et valide. Vous devrez relancer VSC
  • Dans le code VSC, ouvrez les paramètres utilisateur (settings.json) et écrivez: 

 { //disable default javascript validator replaced by eslint "javascript.validate.enable" : false }

Maintenant, il devrait se charmer comme voulu de votre code ES7. S'il y a un problème avec la configuration d'eslint de lecture VSC, vous pouvez le voir dans la console VSC (ctrl-shift-U).

En conséquence, le code ES7 (propager l'opérateur dans des objets par exemple) est bien équipé: Entrez la description de l'image ici

PS: peut-être mon .eslintrc utilise des données supplémentaires inutiles pour ES7 linting alors n'hésitez pas à l'enlever 🙂