新しい Vue プロジェクトを作成するとき、多くの場合、コードをフォーマットするために eslint を設定する必要がありますが、使用中に次のようなさまざまな問題が発生します。 コンポーネント名「Home」は常に multi-word.eslintvue/multi-word-component である必要があります。 names は
実際には eslint による命名検証であり、多词组件名称
既存および将来の HTML 要素との競合を防ぐために名前を付ける必要があります。
解決方法は次の通りです。
最初の方法 > .eslintrc.js ファイルを構成する (*推奨)
ルート ディレクトリでファイルを見つけてeslintrc.js
、クローズド名の検証を構成します。このファイル内でrules
次のように構成を見つけます。
// 关闭名称校验
'vue/multi-word-component-names': 'off'
図に示すように:
この方法はプロテストで解決できますが、より標準化された方法もありますが、少し面倒で、指定されたファイルは処理されません。命名规则校验
2 番目の方法 > 指定されたファイルを無視する
次のコードのように、指定されたファイルのみが無視され、他のファイルは引き続き検証されます。
// 忽略指定组件命名
'vue/multi-word-component-names': ['error', {
ignores: ['Home'] // 在数组中放入组件的名称
}]
図に示すように:
3番目の方法 > eslintの検証をオフにする、非常に失礼です(推奨されません)
また、eslintrc.js
ファイルを見つけて、その構成に次のコードを追加します。
// 关闭eslint校验
lintOnSave: false
以下に示すように: