防止可视代码编辑器抱怨你的Angular组件的app前缀

Question

有没有办法告诉可视代码编辑器不要强制那些着名的红色下划线表示这些组件不是从那个推荐的＃34; app开始 - ＆＃34;字首？

我认为能够创建一个组件并调用它<get-user>而不是<app-get-user>是有意义的。特别是，当你考虑拥有100个组件时，所有从<app-...>开始都没有意义。

据我所知，该app前缀可能提供某种名称间隔安全避风港（以防止与其他组件发生冲突）。但是，我应该能够为<xyz-...>之类的所有组件添加前缀，为什么强制为“＆＃39 ;?

Answer 1

在tslint.json文件中，您可以将其设置为您想要的任何前缀：

"directive-selector": [
  true,
  "attribute",
  "mh",
  "camelCase"
],
"component-selector": [
  true,
  "element",
  "mh",
  "kebab-case"
],

在上面的示例中，我将前缀设置为“mh”，因为它是我的特定应用程序（MovieHunter）的前缀。

您也可以通过将这两者的true设置为false来完全关闭此检查。

注意：如果您使用的是CLI，则可以执行以下操作：

ng new myApp --prefix xyz

这会在tslint.json文件和.angular-cli.json文件中自动将前缀设置为您设置的内容（本例中为xyz）。

Answer 2

如果您使用的是最新版本的vs代码并且还安装了TS Lint扩展程序，那么当您单击选择器时它会显示一个灯泡。单击它以获取禁用规则的选项。