Lors de la création d'un nouveau projet Vue, vous devez souvent configurer eslint pour formater le code, mais vous rencontrerez divers problèmes lors de l'utilisation, tels que : Le nom du composant "Home" doit toujours être multi-word.eslintvue/multi-word-component - names
est en fait la vérification de la dénomination par eslint, qui doit être 多词组件名称
nommée pour éviter les conflits avec les éléments HTML existants et futurs.
Comment le résoudre, comme suit:
La première façon > Configurer le fichier .eslintrc.js (*recommandé)
Recherchez le fichier dans le répertoire racine eslintrc.js
et configurez la vérification du nom fermé. Dans ce fichier, recherchez rules
la configuration, comme suit :
// 关闭名称校验
'vue/multi-word-component-names': 'off'
Comme le montre la figure :
Cette méthode peut être résolue par des tests pro. Il existe également une méthode plus standardisée, mais elle est un peu gênante et le fichier spécifié n'est pas traité.命名规则校验
La deuxième façon> Ignorer le fichier spécifié
Seul le fichier spécifié est ignoré et les autres continuent d'être vérifiés, comme dans le code suivant :
// 忽略指定组件命名
'vue/multi-word-component-names': ['error', {
ignores: ['Home'] // 在数组中放入组件的名称
}]
Comme indiqué sur l'image :
La troisième façon> désactiver la vérification d'eslint, très grossier (non recommandé)
Recherchez également eslintrc.js
le fichier et ajoutez le code suivant à sa configuration :
// 关闭eslint校验
lintOnSave: false
Comme indiqué ci-dessous: