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

此外，如果您想在添加导入时添加大括号之间的自动空间

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

您可以在标签Spaces | Whithin | ES6 import/export braces

中查看

Answer 3

十月2017这就是我们这样做的方式：

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

Answer 4

标点符号选项卡。我也在最后删除了分号，但现在TSLint缺少它

Answer 5

对于Intellij 2016.3版本，它在其他标签上＆gt;生成的代码＆gt;引用标记

Answer 6

第一件事需要检入您的Tslint文件

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

它应该是Double而不是Single，因为它在项目生成过程中未能通过TSLint。

现在转到“设置” |编辑器打字稿|标点

从下拉列表中选择“单个”，然后应用/确定。

现在，祝贺您的IntellijIDEA在自动导入上应用了双引号。