How do you format code on save in VS Code

Question

I would like to automatically format TypeScript code using the build-in formatter when I save a file in Visual Studio Code    I m aware of the following options  but none of them is good enough     Format manually Shift   Alt   F Format on type  editor formatOnType   true   It formats the line when you press enter  Unfortunatelly  it leaves it unformatted when you mouse-click another line or press up down arrow    Use existing extension   I tried this one  but it does not seem to work too well    Use beautify  beautify onSave   true   It does not work with TypeScript  Write custom extension   It s tricky if you want to handle autosaves and builds correctly

User · Answer

No need to add commands anymore  For those who are new to Visual Studio Code and searching for an easy way to format code on saving  kindly follow the below steps    Open Settings by pressing  Cmd    in Mac or using the below screenshot       Type  format  in the search box and enable the option  Format On Save       You are done  Thank you

User · Answer

For MAC user   add this line into your Default Settings  File path is   Users USER NAME Library Application Support Code User settings json   tslint autoFixOnSave   true  Sample of the file would be          window zoomLevel   0       workbench iconTheme    vscode-icons        typescript check tscVersion   false       vsicons projectDetection disableDetect   true       typescript updateImportsOnFileMove enabled    always        eslint autoFixOnSave   true       tslint autoFixOnSave   true

User · Answer

For eslint   quot editor codeActionsOnSave quot      quot source fixAll eslint quot   true

User · Answer

If you would like to auto format on save just with Javascript source  add this one into Users Setting  press Cmd  or Ctrl       javascript       editor formatOnSave   true

User · Answer

As of September 2016  VSCode 1 6   this is now officially supported    Add the following to your settings json file     editor formatOnSave   true

User · Answer

To automatically format code on save    Press Ctrl   to open user preferences Enter the following code in the opened settings file         editor formatOnSave   true    Save file   Source

[visual-studio-code] How do you format code on save in VS Code

Examples related to visual-studio-code

Examples related to vscode-settings

Examples related to code-formatting