Maison > outils de développement > atom > le corps du texte

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

青灯夜游
Libérer: 2021-02-04 18:01:02
avant
2138 Les gens l'ont consulté

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
Copier après la connexion

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
Copier après la connexion

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

~/.eslintrc.json
Copier après la connexion

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
Copier après la connexion

6. Ouvrir dans la vérification html js dans

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

npm i eslint-plugin-html -g
Copier après la connexion

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

"plugins": [
    "eslint-plugin-html"
]
Copier après la connexion

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!

Étiquettes associées:
source:segmentfault.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal