为 WebStorm 2020.1.2 启用 angular.json 架构

Enable angular.json schema for WebStorm 2020.1.2

出于某种原因 angular.json (@angular/cli@9.1.0) 架构未由 WebStorm 2020.1.2 加载。这使得自定义 angular.json 变得更加困难。这适用于较旧的 WebStorm 版本。

我尝试手动添加 angular.json 模式,但仍然没有成功。检查下面的附件图像。

如何使 angular.json 架构在 WebStorm 2020.1.2 中工作?

要在 IDEA/WebStorm 2020.2 中添加 Angular JSON 架构:

  1. 转到:文件 |设置 |语言与框架 |架构和 DTD | JSON 架构映射

  2. 在左上角,点击+添加新架构。

  3. 提供架构名称。

  4. 架构文件或URL中,设置:https://raw.githubusercontent.com/angular/angular-cli/master/packages/angular/cli/lib/config/schema.json.

  5. 架构版本中,设置JSON架构版本7.

  6. 右侧的设置window,点击+添加所有JSON 文件,应使用此 JSON 模式处理:

  7. 应用

就是这样!现在 IDEA/WebStorm 将使用 Angular JSON 模式处理您的 JSON,包括代码建议和模式验证:

也可以通过右下角分配 JSON 架构,单击 否 JSON 架构 和 select 架构名称,您已在步骤 #3 中提供: