WebStorm/PhpStorm TypeScript 自动导入中的双引号

Question

我使用带有单引号的 TypeScript 样式，双引号专门用于 HTML 模板。

WebStorm/PhpStorm 自动导入添加了 import 带有双引号的语句并破坏了样式。我想这适用于所有 JetBrains 产品。

如何解决此问题？

Answer 1

此行为由以下选项控制：

1. Settings/Preferences
2. Editor | Code Style | TypeScript
3. "Punctuation" tab | Generated code -> Quote marks

---

从 2017.1 版本开始，它位于新的 Punctuation 选项卡上，选项的名称略有不同：

Answer 2

此外，如果您想在像这样添加导入时在大括号之间添加自动 space

import { MyComponent } from './my.component';

您可以在选项卡 Spaces | Whithin | ES6 import/export braces

中查看

Answer 3

在 2017-2019 中，我们是这样做的：

1. 转到设置
2. 在搜索中输入 Code style
3. Select Typescript
4. 转到Punctuation部分
5. Select single 引用

Answer 4

对于 Intellij 2016.3 版本，它位于其他选项卡 > 生成代码 > 引号

Answer 5

第一件事需要检查你的 Tslint 文件

 "quotemark": [
  true,
  "Double"
],

它应该是 Double 而不是 Single，因为它在项目构建时失败了 TSLint。

现在转到您的设置 |编辑|打字稿 |标点符号

Select 从下拉列表中选择 Apply/Ok 它。

恭喜您的 IntellijIDEA 在 AutoImport 上应用了双引号。