如需转载，标记出处

问题：

文件名创建过短标红

官网给出的解释是这个：

防止与现有和将来的 HTML 元素发生冲突，因为所有 HTML 元素都是单个单词。

但是我们现在还是新手，暂时认为他是bug

找到package.Jason文件夹下第3个文件eslint.config.js

把这个功能关掉

"rules": {
  "vue/multi-word-component-names": "off"
}

具体看下图

最后，非常重要的一步！

重启VSCODE

搞定