javascript - Problème de configuration d'Eslint avec vue-cli

Question

eslint est trop déroutant à utiliser. Je ne veux pas l'utiliser
Quelques problèmes principaux
1. Je veux écrire des fonctions en soulignement et des variables en cas de chameau.
Pour le moment, je n'ai trouvé que cette option dans la configuration. plan, mais cela semble changer toute la dénomination, et j'espère que camelcaseles fonctions, les variables et même les constantes utilisent des méthodes de dénomination différentes.

2. Les fichiers générés par vue-cli sont en double indentation sans signes ; pour briser les phrases

Mais j'ai l'habitude d'utiliser l'indentation teb et pour couper les phrases. à la méthode d'écriture par défaut, sinon le style sera différent et non unifié.

La signification de ce problème est que la page générée automatiquement par l'échafaudage est un fichier avec des espaces doubles et aucun signe ;

En utilisant la méthode d'écriture habituelle, une indentation de tabulation/espace apparaîtra, avec un signe ; et aucun signe ; en même temps. C'est très mauvais.

Je dois avoir un style unifié pour chaque document. Cette charge de travail n'est pas minime !

.

3. J'ai l'habitude de var a, b, c = 0 ; cette méthode raccourcie, comment configurer eslint ?

4. Comment désactiver la vérification eslint d'un fichier individuellement ?

Answer 1

1, 2, 3 Ces problèmes sont tous des problèmes de configuration d'eslint. Lorsque eslint signale une erreur, recherchez les règles correspondantes, puis ajoutez-les aux rules dans .eslintrc Règle correspondante. , puis définissez la valeur sur 0. Ou ajoutez .eslintrc里面的rules里面加上对应的规则，然后将值设为 0 .或者在某一个文件的开头加上

/* eslint no-console: 0 */

比如这个规则 使用 console 就不会报错了，0 代表忽略报错，1 代表警告绿色下划线，2 代表错误红色下划线。对应你问题里面的几个 lint ，规则记得不是很清楚，你可以对应查一下，按照上面的做法加进去。

4.在根目录下新建 .eslintignore au début d'un fichier

/* eslint sans console : 0 */🎜 🎜Par exemple, cette règle ne signalera pas les erreurs lors de l'utilisation de la console. 0 signifie ignorer l'erreur, 1 signifie un avertissement avec un soulignement vert et 2 signifie une erreur avec un soulignement rouge. Correspondant à plusieurs lints dans votre question, je ne me souviens pas très clairement des règles. Vous pouvez les vérifier et les ajouter selon la méthode ci-dessus. 🎜 🎜4. Créez un nouveau .eslintignore dans le répertoire racine et ajoutez-y votre fichier🎜

Answer 2

Vous pouvez effectuer une recherche et vous obtiendrez la réponse. Vous pouvez lire mon article sur la suppression des instructions de configuration exaspérantes de la détection de syntaxe ESlint

Answer 3

Quelques ajouts à la réponse ci-dessus :

1. id-match répond à peine à vos besoins Si vous souhaitez vraiment restreindre les règles, vous pouvez envisager de personnaliser les règles

.

2. Vous pouvez utiliser eslint --fix Si vous trouvez cela gênant, vous pouvez vous référer à cet article pour ajouter la touche de raccourci eslint --fix au fichier .vue

3. La règle correspondante est une-var

4. En utilisant la façon dont @Zhishui l'a dit