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

问题描述 投票:160回答:6

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

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

如何修复这种行为?

intellij-idea phpstorm webstorm jetbrains-ide
6个回答
400
投票

此行为由以下选项控制:

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

截至2017.1版本,它位于新的Punctuation选项卡上,选项命名略有不同:

enter image description here


65
投票

此外,如果您想在添加导入时在花括号之间添加自动空间

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

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


22
投票

在十月2017这是我们如何做到这一点:

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

enter image description here


10
投票

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


2
投票

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


1
投票

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

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

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

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.