在 Visual Studio Code + Typescript 中的變量名和冒號之間添加空格

Question

作為一個多年來專門使用 UnityScript 的人，我非常習慣於這樣定義變量：

var name : string = 'Bob';

在一個基於節點的項目中，我剛開始使用 Typescript，但是我注意到 VS Code 似乎想要這樣做：

var name: string = 'Bob';

如何讓它在變量名和冒號之間添加空格？

Answer 1

可悲的是，沒有選擇是 VS Code 本身。 但是，您可以將VS Code 的 ESLint 插件設置為 TypeScript 的默認格式化程序，並使用帶有以下配置的type-annotation-spacing規則：

.eslintrc.js

module.exports = {
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint"],
  "rules": {
    "@typescript-eslint/type-annotation-spacing": [
        "error",
        {
            "before": true,
            "after": true,
        },
    ],
  }
}

似乎沒有一種方法可以讓 Prettier 或 VS Code 強制執行相同的規則，但我可以推薦使用 ESLint 來深入了解格式化的本質！

有關 TypeScript ESLint 的更多信息，包括安裝

Answer 2

在 Visual Studio 代碼中安裝 typescript ( TSLint ) 插件。

現在修復空間或錯誤問題的示例。

警告或錯誤 解決方案

Hover 在設備上（警告）並單擊修復，您會看到類似的選項 -> 現在 select修復缺失的空白和修復所有缺失的空白 選項

同樣的方式你可以解決其他問題，如錯誤