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

typescript intellij-idea phpstorm webstorm jetbrains-ide

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

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

如何解决此行为？

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

这是真的，刚刚找到它，答案表明。首选项中的“报价”搜索没有任何用处。

Lovro Pandžić

此行为由以下选项控制：

设置/首选项编辑器 |代码风格 | TypeScript“标点符号”选项卡 |生成的代码 -> 引号

从 2017.1 版本开始，它位于新的 Punctuation 标签上，并且选项的名称略有不同：

https://i.stack.imgur.com/S94ry.png

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

“其他”选项卡现在是“标点符号”——至少从 Webstorm 2017.3.2 开始

@ggranum 是的，屏幕截图和注释（“On 2017.1 ...”）就是这样显示的。我想我最好让它大胆/更明显。

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

Leo

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

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

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

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

和 Ivan 一样，我也不知道如何自定义这个和插值表达式。谢谢！

Kamil Witkowski

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

转到设置在搜索中键入代码样式选择打字稿转到标点部分选择单引号

https://i.stack.imgur.com/34gmI.png

VinPro

https://i.stack.imgur.com/cQucq.png

Yasir Shabbir Choudhary

第一件事需要检查你的 Tslint 文件

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

它应该是 Double 而不是 Single，因为它在 Project Build 中通过了 Failed TSLint。

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

从下拉列表中选择 Single 并应用/确定。

https://i.stack.imgur.com/VO436.png

不定期副业成功案例分享