vs-code-prettier-eslint | Visual Studio Code Extension to format JavaScript | Code Analyzer library

Support for Prettier 2 and ESLint 7 (Download).
Click Extensions > ... > Install from VSIX.
The Prettier extension is not required.
The ESLint extension is not required. However, it is needed to have lint errors show while editing your file.
In your project, install eslint@6.8.0, prettier@1.9.1, & prettier-eslint:^10.1.0 as devDependencies
Additionally install: @typescript-eslint/parser@^3.0.0 for TypeScript projects (.ts & .tsx files) vue-eslint-parser@~7.1.0 for Vue projects (.vue files)
Install the extension
Quit VS Code
Restart VS Code
Afterward, the file should format automatically once you save it. For the best performance, change Auto Save to onFocusChanged. This will have the editor save changes when you switch to another file or another program. The default setting makes the file save after you stop typing for an interval. This causes the formatter to run frequently thus taking more computer resources.
Set Prettier Eslint as the default formatter as detailed above
Open User or Workspace settings
On Windows/Linux - File > Preferences > Settings
On MacOS - Code > Preferences > Settings
Start typing Format on and select it
Check Format on Save (found mid-page in the right panel)
Ensure both Format on Input and Format on Paste are disabled. They are not supported functionality
Open User or Workspace settings
On Windows/Linux - File > Preferences > Settings
On macOS - Code > Preferences > Settings
Start typing Auto Save and select onFocusChanged