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

234

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

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

如何解决此问题？

— Estus Flask
source

与任何JetBrains工具中的任何其他语言一样，在您的首选项中更改代码样式设置。

— jonrsharpe

答案是正确的，只是找到了。首选项中的“报价”搜索没有任何用处。

— Estus Flask

594

此行为由以下选项控制：

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

从2017.1版本开始，它在新Punctuation选项卡上，并且选项的名称有所不同：

— 懒人
source

1

如果您开始使用的是较旧版本的Intellij（<2017.1），则可能需要切换设置才能使其实际应用。设置为单引号，但我仍然看到双引号。在更改为双引号，应用，更改为单引号并最终再次应用后，它起作用了。

— 凯文·李

7

“其他”标签现在为“标点符号”-至少从Webstorm 2017.3.2起

— ggranum

1

@ggranum是的，屏幕截图和注释（“在2017.1 ...上”）仅显示了这一点。我想我最好使它加粗/更明显。

— LazyOne

1

如果您碰巧将Vue.js与typescript一起使用，则可能还需要为javascript应用此设置。似乎WebStorm不会将打字稿设置应用于Vue文件，即使将它们设置为lang=ts。

— helios35 '18

78

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

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

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

— 狮子座
source

5

非常感谢！我一直在寻找那个，这让我非常困扰。

— 伊万

37

在2017-2019这是我们如何做到这一点：

前往设置
类型Code style搜索
选择 Typescript
转到Punctuation部分
选择single报价

— 卡米尔·维特科夫斯基
source

10

标点选项卡做到了。我还在末尾删除了分号，但现在TSLint缺少了分号

— 约拉科·冈萨雷斯（Yoraco Gonzales）
source

2

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

— VinPro
source

1

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

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

它应该是Double而不是Single，因为它在项目构建中未通过TSLint。

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

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

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

— Yasir Shabbir Choudhary
source