Question

当我使用'ng generate'命令时，它使用路径的引号编写我的import语句。我希望它改为使用单引号。有可能以某种方式配置它吗？

Answer 1

您目前（从7.1开始）无法配置Angular生成带有您选择的引号的组件和其他实体。当前使用单引号。如果您对此不满意，可以告诉它自动运行tslint并在生成后自动修复所有问题。

首先，请确保您有规则在tslint.json中使用双引号：

"quotemark": [true, "double"],

接下来，在原理图部分的angular.json中（在根级别），您可以提供选项lintFix，该选项告诉Angular根据tslint配置自动修复生成的文件：

"schematics": {
    "@schematics/angular:component": {
      "prefix": "app",
      "styleext": "scss",
      "lintFix": true
    },
    "@schematics/angular:directive": {
      "prefix": "app",
      "lintFix": true
    },
    "@schematics/angular:pipe": {
      "lintFix": true
    },
    "@schematics/angular:class": {
      "lintFix": true
    },
    "@schematics/angular:module": {
      "lintFix": true
    },
    "@schematics/angular:service": {
      "lintFix": true
    }
  }

这在Linux上应该可以正常工作，但是在Windows上，当前有bug，在生成时使用了错误的文件路径。在修复该问题之前，您无法直接在components目录中生成组件，而是需要在项目根目录中生成组件，并在命令路径中指定应生成组件的目录：

ng g component components/my-component my-component

Answer 2

有可用的脚本可以做到这一点; I am looking at this right now.

如果您的担忧来自抱怨的短信，您可以随时更改短信的配置文件。

例如，在Visual Studio Code中，流行的linter插件是tslint。您只需更改此设置：

    "quotemark": [
    true,
    "single"
  ]

到

    "quotemark": [
    true,
    "double"
  ]

在tslint.json文件

中

希望有所帮助。

Answer 3

我相信组件是根据这里的蓝图生成的：https://github.com/angular/angular-cli/blob/master/packages/%40angular/cli/blueprints/component/files/path/name.component.ts

如你所见，它全都有单引号。我不认为你可以在cli中改变这一点。但你绝对可以建立一个小脚本来用双引号替换所有单引号

Angular CLI（ng）使用单引号而不是双引号

3 个答案: