網站搜尋

intellij idea - WebStorm/PhpStorm 在 TypeScript 自動導入中使用雙引號


我使用 TypeScript 風格的單引號,雙引號僅在 HTML 模板中使用。

WebStorm/PhpStorm 自動匯入會使用雙引號添加 import 語句,破壞了程式碼風格。我想這對所有 JetBrains 產品都適用。

這種行為該如何修正?

答案#1

此行為由以下選項控制:

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

截至 2017.1 版本,它已位於新的 標點符號 標籤中,且選項名稱略有不同:

答案#2

此外,如果您想在添加導入時在大括號之間自動添加空格,就像這樣

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

你可以在標籤 Spaces | Whithin | ES6 import/export braces 中檢查

答案#3

在 2017-2019 我們是這樣做的:

  1. 前往設定
  2. 在搜尋中輸入 Code style
  3. 選擇 Typescript
  4. 前往 標點符號 部分
  5. 選擇 單引號