2016-09-29 96 views
93

我使用带单引号的TypeScript样式,双引号在HTML模板中独占使用。TypeScript自动导入中的WebStorm/PhpStorm双引号

WebStorm/PhpStorm自动导入将带有双引号的语句添加到import中,并废弃样式。我想这适用于所有JetBrains产品。

这种行为如何解决?

+0

就像任何JetBrains公司的工具,任何其他语言,改变的代码样式设置您的偏好。 – jonrsharpe

+0

这是真的,只是找到它,答案建议。在首选项中的“引用”搜索中没有任何用处。 – estus

回答

217

此行为是由以下选项控制:

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

作为2017.1版本是新Punctuation标签和选项上命名有点不同:

enter image description here

+0

如果您开始使用旧版本的Intellij(<2017.1),则可能需要切换设置才能实际应用。这是设置为单引号,但我仍然看到双引号。它在更改为双引号后应用,更改为单引号,最后再次应用。 –

+3

“其他”标签现在是“标点符号” - 至少是Webstorm 2017.3.2 – ggranum

+1

@ggranum是的,截图和注释(“在2017.1 ...”上)显示了这一点。我想我最好更大胆/更明显。 – LazyOne

10

标点符号标签做到了。我也删除在最后的分号,但现在TSLint它缺少

34

此外,如果你想花括号之间添加自动空间,像这样

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

增加进口时,您可以在标签Spaces | Whithin | ES6 import/export braces检查

+0

非常感谢!我一直在寻找那个,这让我非常困扰。 – Ivan

12

十月2017这是我们如何它:

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

enter image description here