how to enable prettier in vscode code example

Example 1: how to edit /.prettierrc.json file pretter

{
    "trailingComma": "none",
    "tabWidth": 4,
    "semi": true,
    "singleQuote": true
}

Example 2: prettier on save vscode

{
  "folders": [],
  "settings": {},
  "editor.formatOnSave": true,
}

Example 3: format code in vs code

On Windows Shift + Alt + F.
On Mac Shift + Option + F.

Example 4: prettier config vscode

npm install --save-dev --save-exact prettier

Example 5: prettier format on save not working vscode

If you set prettier as default formater and formating on save doesnt work
-> format the file manualy using Shift+Alt+f

Example 6: prettier on save vscode

// Set the default"editor.formatOnSave": false,// Enable per-language"[javascript]": {    "editor.formatOnSave": true}