导入语句单引号和双引号答案

【问题标题】：Import Statements Single vs Double Quotes导入语句单引号和双引号
【发布时间】：2018-05-09 11:38:32
【问题描述】：

使用如下导入时：

import { Component, OnInit } from "@angular/core";

在“@angular/core”周围使用单引号还是双引号是惯例吗？

TSLint 符合说：

[tslint] " should be ' (quotemark)

这看起来很奇怪，因为文件是使用 angular-cli 命令创建的

ng g c someComponent

所以它似乎会创建对打字稿标准的导入，所以现在我不确定哪种格式是正确的。

【问题讨论】：

afaik，没关系。
您使用的是哪个版本的 CLI。我从未见过它用双引号生成导入。你确定不是你的 IDE 自动为你做的吗？这是使用 1.0.0 版 CLI 生成的项目与使用最新版本生成的相同项目的差异：github.com/cexbrayat/angular-cli-diff/compare/1.0.0...1.5.2。它只有带单引号的导入。
@JBNizet 你是对的，我使用的是 angular-cli 的过时版本。更新到新版本会在导入时添加单引号。谢谢！

【解决方案1】：

Google Style Guide早就说过：

Prefer ' over "

这已经进入了许多工具，例如 TSLint。

当每个人过去都在 JavaScript 和 PHP 等语言的字符串中放入大量 HTML 时，这曾经很重要，因为这意味着您可以在字符串中使用双引号 HTML 属性而无需转义引号。

现在这个用例已经不那么重要了，因为我们不倾向于连接 HTML 字符串。

TSLint 规则超越了 TypeScript 编译器，您可以禁用它们或根据自己的喜好配置它们。团队比工具更重要 - 所以要服从团队的意愿。

【讨论】：