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?
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.jsmodule.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
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
