Une brève discussion sur la façon de créer un environnement de développement eslint dans vscode

Cet article vous expliquera comment créer un environnement de développement eslint basé sur vscode. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde

[Apprentissage recommandé : "tutoriel vscode"]

Environnement de base :

• vscode v1.0.0

• eslint v2.8.0

• mac

Si vous n'avez pas encore vscode, vous pouvez le télécharger depuis

ici

pour installer vscode L'adresse du plug-in eslint requise

est

ici

Copiez la commande , ouvrez la barre de raccourcis dans vscode, commande+p, Coller, vscode téléchargera automatiquement le plug-in. Une fois le plug-in téléchargé, vous serez invité à redémarrer vscode pour exécuter le plug-in.

Une fois l'installation terminée, nous ouvrons Terminal et créons notre projet

mkdir vsc-demo && cd vsc-demo

Nouveau fichier

touch app.js

Ouvrez vscode et essayons d'écrire du code

var num = 1;

const array = []

Il semble que vscode ne reconnaisse pas le mot-clé const maintenant

Installons maintenant l'eslint global

Ouvrir. notre terminal et tapez

npm install eslint -g

Après l'installation, vous pouvez voir notre version

eslint --v

// v2.8.0

Utilisez eslint pour créer des règles

eslint --init

Nous avons choisi les règles eslint standard

Puis nous avons redémarré notre vscode

Puis nous avons constaté qu'il y avait plus d'erreurs ! Pas de panique, voyons quelle est l'erreur :

1 et 3 nous indiquent que les variables sont définies mais non utilisées. Le second nous indique que nous avons ajouté des points-virgules supplémentaires, modifions le code

<.>

OK, maintenant eslint peut fonctionner normalement dans notre environnement vscode et prend en charge la syntaxe es6.

Pour plus de connaissances sur la programmation, veuillez visiter :

Vidéo de programmation

 ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!