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-2019,这是我们如何做到这一点:

1. 前往设置
2. 类型Code style搜索
3. 选择 Typescript
4. 转到Punctuation部分
5. 选择single报价

Answer 4

标点符号选项卡.我也在最后删除了分号,但现在TSLint丢失了它