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

234

私は一重引用符のあるTypeScriptスタイルを使用しています。二重引用符はHTMLテンプレートでのみ使用されます。

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

この動作をどのように修正できますか？

— Estus Flask
ソース

JetBrainsツールの他の言語と同様に、プリファレンスのコードスタイル設定を変更します。

— jonrsharpe

それは本当です、ちょうどそれを見つけました、答えが示唆しています。設定での「引用」検索に役立つものはありませんでした。

— Estus Flask 2016

595

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

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

2017.1バージョン以降は新しいPunctuationタブにあり、オプションの名前が少し異なります。

— レイジーワン
ソース

1

以前のバージョンのIntellij（<2017.1）から始めた場合、実際に適用するには設定を切り替える必要がある場合があります。これは一重引用符に設定されていましたが、まだ二重引用符が表示されていました。二重引用符に変更し、適用し、単一引用符に変更し、最後に再度適用した後も機能しました。

— Kevin Li

7

「その他」タブは「句読点」になりました-少なくともWebstorm 2017.3.2以降

— ggranum

1

@ggranumはい、スクリーンショットとメモ（「2017.1に...」）はそれを示しています。私はそれをより太字/より見やすくする方がいいと思います。

— LazyOne 2018年

1

typescriptでVue.jsを使用する場合、javascriptにもこの設定を適用する必要があるかもしれません。として設定されていても、WebStormはVueファイルにtypescript設定を適用しないようlang=tsです。

— helios35 2018

78

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

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

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

— レオ
ソース

5

どうもありがとう！それを探していたのですが、とても面倒でした。

— Ivan

37

で2017-2019、この、我々はそれを行う方法です。

設定に移動
タイプCode style検索で
選択する Typescript
Punctuationセクションに行く
single見積もりを選択

— カミル・ウィトコウスキー
ソース

10

句読点タブはそれをしました。最後にセミコロンも削除しましたが、現在TSLintにはセミコロンがありません

— ヨラコ・ゴンザレス
ソース

2

Intellij 2016.3バージョンの場合、[その他]タブ> [生成されたコード]> [引用マーク]にあります

— VinPro
ソース

1

最初のものはTslintファイルをチェックインする必要があります

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

プロジェクトビルドで失敗したTSLintが渡されるため、SingleではなくDoubleにする必要があります。

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

ドロップダウンから[シングル]を選択し、[適用/ OK]をクリックします。

これで、IntellijIDEAが自動インポートに二重引用符が適用されたことを祝福します。

— ヤシル・シャビル・チョードリー
ソース