有没有一种方法可以修复Angular CLI生成的文件，使其不再在WebStorm中显示为红色

Question

是否有一种方法可以修复Angular CLI生成的文件以使其在WebStorm中不再显示为红色？

这有点烦人，每当我使用CLI生成文件时，它就会显示为红色，并且在控制台中曾经有一个错误，但是它消失了。

图片供参考：

Answer 1

编辑您的tslint.json文件并设置规则以匹配Angular CLI默认设置。假设CLI生成的文件带有双引号，但是您在tslint.json中有一个单引号。

{
    "extends": "../tslint.json",
    "rules": {
        "directive-selector": [
            true,
            "attribute",
            "app",
            "camelCase"
        ],
        "component-selector": [
            true,
            "element",
            "app",
            "kebab-case"
        ]
    }
}

使用此默认设置，可能会解决问题：

https://github.com/angular/angular-cli/blob/master/tslint.json

这也可能有助于更改检查首选项：

如果这是由于版本控制所致，请通过首选项进行修复：

Answer 2

TLDR：即使没有设置，Webstorm也会像使用源代码管理一样自动注册您的文件夹。转到“文件”>“设置”>“版本控制”，然后删除目录旁边的Git。

感谢您这么快回答，并尝试帮助我@Maihan Nijat。这些解决方案不起作用，因为它实际上与Typescript错误无关。在这种情况下，带有红色标记的文件（所有新创建的文件）意味着即使我当前未使用任何文件，这些文件也未提交到源代码管理。默认情况下，当您生成新的projet时，即使不输入Github信息，Angular CLI也会为您执行此操作，Webstorm会像使用它时那样做出反应。我转到“文件”>“设置”>“版本控制”，然后删除了目录旁边的Git。

我不妨开始使用它来跟踪。