在 Visual Studio Code + Typescript 中的变量名和冒号之间添加空格

Question

As someone who used UnityScript exclusively for many years, I became very used to defining variables like this:

var name : string = 'Bob';

On a Node-based project, I just started using Typescript, however I noticed that VS Code seems to want to do this instead:

var name: string = 'Bob';

How can I make it add the space between the variable name and the colon?

Answer 1

Sadly there's no option is VS Code itself; however, you can make the ESLint plugin for VS Code your default formatter for TypeScript and use the type-annotation-spacing rule with the following configuration:

.eslintrc.js

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

There doesn't seem to be a method to make Prettier or VS Code enforce the same rules, but I can recommend using ESLint for getting into the nitty-gritty of formating!

More information on the TypeScript ESLint, including installation

Answer 2

Install plugin of typescript( TSLint ) in visual studio code.

Now Example to fix space or error issues.

Warning or error Solution

Hover on device (warning) and click on Fix and you see options like -> now select Fix-missing whitespace and Fix all-missing whitespace options

Same way you can fix other issues like errors