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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WebStorm / PhpStorm在TypeScript自动导入中引用双引号相关的知识,希望对你有一定的参考价值。

我使用带单引号的TypeScript样式,双引号仅在html模板中使用。

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

如何修复这种行为?

答案

此行为由以下选项控制:

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

  1. 前往设置
  2. 在搜索中输入Code style
  3. 选择Typescript
  4. Punctuation部分
  5. 选择single报价

enter image description here

另一答案

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

另一答案

对于Intellij 2016.3版本,它位于其他选项卡>生成代码>引用Marksenter image description here

另一答案

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

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

它应该是Double而不是Single,因为它是在Project Build上传递的TSLint失败。

现在去你的设置|编辑| TypeScript |标点

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

现在恭喜您的Intellij IDEA在AutoImport.qazxsw poi上应用双引号

以上是关于WebStorm / PhpStorm在TypeScript自动导入中引用双引号的主要内容,如果未能解决你的问题,请参考以下文章

WebStorm 和 PHPStorm 的区别

webstorm 和 phpstorm 有啥区别呢?做 WEB 开发用哪个好

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

PhpStorm / WebStorm中的CoffeeScript JSDoc支持

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

如何使用 PhpStorm / WebStorm 连接到远程 nodejs 调试会话?