阻止视觉代码编辑器对你的Angular组件的应用程序前缀抱怨

Question

有没有办法告诉视觉代码编辑器不强制这些着名的红色下划线为那些不以该推荐的“app-”前缀开头的组件？

我认为能够创建组件并称之为<get-user>而非<app-get-user>是有意义的。特别是，当你考虑拥有100个组件时，所有以<app-...>开头的都没有意义。

据我所知，该应用程序前缀可能会提供某种名称间隔安全避难所（以防止与其他组件的冲突）。但是，那么我应该能够为我的所有组件加上前缀<xyz-...>，为什么强制为''？

Answer 1

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

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

在我的例子上面，我把我的前缀“MH”，因为它是我的特殊应用的前缀（ MovieHunter）。

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

注：如果您使用的是CLI，你可以这样做：

ng new myApp --prefix xyz 

这会自动将前缀，无论你在两个tslint.json文件将其设置为（在这个例子中XYZ）和.angular-cli.json文件。

Answer 2

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