TypeScript自动导入WebStorm/PhpStorm双引号

我使用的是带有单引号的TypeScript样式，双引号只在HTML模板中使用。

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

如何纠正这种行为?

88993 次浏览
小开
最佳答案

此行为由以下选项控制:

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

从2017.1版本开始，它在新的Punctuation选项卡上，选项的命名略有不同:

enter image description here

小开

另外，如果您想在添加导入时在花括号之间自动添加空格，就像这样

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

你可以签入标签Spaces | Whithin | ES6 import/export braces

小开

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

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

enter image description here

小开

对于Intellij 2016.3版本，它位于Other Tab > Generated Code > Quote Marksenter image description here

小开

首先需要检查你的Tslint文件

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

它应该是Double而不是Single，因为它是失败的TSLint传递给项目构建。

现在进入你的设置|编辑器| TypeScript |标点符号

从下拉菜单中选择Single，然后应用/确定它。

现在恭喜你的IntellijIDEA在AutoImport.For reference上应用了双引号


提交答案