Maison  >  Article  >  outils de développement  >  Comment configurer la vérification de la syntaxe js dans Atom sous mac

Comment configurer la vérification de la syntaxe js dans Atom sous mac

青灯夜游
青灯夜游avant
2021-02-04 18:00:142156parcourir

Cet article vous présentera comment configurer la vérification de la syntaxe JavaScript dans Atom dans l'environnement Mac. 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.

Comment configurer la vérification de la syntaxe js dans Atom sous mac

Recommandations associées : "Tutoriel atom"

Bonjour à tous, j'ai apporté Atom cette fois Un petit tutoriel pour vous apprendre à configurer la vérification de la syntaxe js. L'environnement d'installation suivant utilise Mac comme exemple.

1. Installez nodejs

2. Installez le plug-in Atom linter, eslint

3. Installez babel-eslint sur la console

npm i babel-eslint -g

4. Générez le fichier de configuration de vérification de syntaxe .eslintrc

Règles de configuration spécifiques à la production. test document officiel eslint, j'en ai configuré une copie ici, au format json.

Adresse d'aperçu eslintrc.json : https://segmentfault.com/n/1330000004818767

Placez-la dans le répertoire racine du système (tel que le répertoire racine de mac : ~/.eslintrc. json)

5. Configurez le plug-in eslint dans Atom

Configurez le répertoire des règles ESlint (chemin eslint) tel que :

/usr/local/lib/node_modules/babel-eslint

Configurez le chemin .eslintrc, I Il est lancé dans le répertoire racine :

~/.eslintrc.json

Configurez le chemin racine de l'installation de Node. Si vous ne le savez pas, ouvrez la console et entrez le préfixe npm get, puis entrez le résultat dans.

/usr/local

6. Ouvrir dans la vérification html js dans

Plug-in d'extension d'installation de la console,

npm i eslint-plugin-html -g

Ouvrez le fichier de configuration .eslintrc, ajoutez la configuration dans l'élément du plug-in :

"plugins": [
    "eslint-plugin-html"
]

eslint dans Atom Vérifiez les fichiers HTML Lint dans le plug-in

Terminé, profitez des nouveaux outils de développement

Pour plus de connaissances liées à la programmation informatique, veuillez visiter : Enseignement de la 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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer