web-dev-qa-db-ja.com

TypeScript自動インポートでのWebStorm / PhpStorm二重引用符

私は一重引用符でTypeScriptスタイルを使用しています、二重引用符はHTMLテンプレートで排他的に使用されています。

WebStorm/PhpStorm自動インポートは、二重引用符でimportステートメントを追加してスタイルを台無しにします。私はこれがすべてのJetBrains製品に当てはまると思います。

どうすればこの動作を修正できますか?

166
Estus Flask

この動作は次のオプションによって制御されます。

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

2017.1バージョンのそれは新しいPunctuationタブにあり、オプションは少し異なる名前が付けられています:

enter image description here

419
LazyOne

インポートを追加するときに中括弧の間に自動スペースを追加したい場合も同様です。

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

あなたはSpaces | Whithin | ES6 import/export bracesタブでチェックインできます

67
Leo

10月2017では、これがどのように行われるのかです。

  1. 設定に移動
  2. 検索でCode styleを入力
  3. TypeScriptを選択してください
  4. Punctuationセクションに移動します
  5. singleの引用符を選択

enter image description here

22
yami

句読点タブはそれをしました。末尾のセミコロンも削除しましたが、TSLintには欠けています

10
Yoraco Gonzales

Intellij 2016.3バージョンの場合は[その他]タブ> [生成コード]> [引用符] enter image description here

2
VinPro

Tslintファイルをチェックインする必要があります

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

TSLintがプロジェクトビルドに合格しなかったため、SingleではなくDoubleにする必要があります。

今すぐあなたの設定に行きます。エディタTypeScript |句読点

ドロップダウンから[Single]を選択して[Apply/Ok]をクリックします。

これであなたのIntellijIDEAはAutoImportに二重引用符が適用されました。 For reference