2016-09-29 95 views
93

我使用帶單引號的TypeScript樣式,雙引號在HTML模板中獨佔使用。TypeScript自動導入中的WebStorm/PhpStorm雙引號

WebStorm/PhpStorm自動導入將帶有雙引號的語句添加到import中,並廢棄樣式。我想這適用於所有JetBrains產品。

這種行爲如何解決?

+0

就像任何JetBrains公司的工具,任何其他語言,改變的代碼樣式設置您的偏好。 – jonrsharpe

+0

這是真的,只是找到它,答案建議。在首選項中的「引用」搜索中沒有任何用處。 – estus

回答

217

此行爲是由以下選項控制:

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

作爲2017.1版本是新Punctuation標籤和選項上命名有點不同:

enter image description here

+0

如果您開始使用舊版本的Intellij(<2017.1),則可能需要切換設置才能實際應用。這是設置爲單引號,但我仍然看到雙引號。它在更改爲雙引號後應用,更改爲單引號,最後再次應用。 –

+3

「其他」標籤現在是「標點符號」 - 至少是Webstorm 2017.3.2 – ggranum

+1

@ggranum是的,截圖和註釋(「在2017.1 ...」上)顯示了這一點。我想我最好更大膽/更明顯。 – LazyOne

10

標點符號標籤做到了。我也刪除在最後的分號,但現在TSLint它缺少

34

此外,如果你想花括號之間添加自動空間,像這樣

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

增加進口時,您可以在標籤Spaces | Whithin | ES6 import/export braces檢查

+0

非常感謝!我一直在尋找那個,這讓我非常困擾。 – Ivan

12

十月2017這是我們如何它:

  1. 轉到設置
  2. 在搜索類型Code style
  3. 選擇Typescript
  4. 轉到Punctuation部分
  5. 選擇single報價

enter image description here