Here is how that looks like in my package.Here are a few ways to format code in Visual Studio Code (VSCode): We can simply run prettier and eslint one by one like one would do on the command line. Instead of using workarounds like prettier-eslint which don't work for all eslint configurations as it hasn't been updated to work with eslint v6 properly. I wanted to use prettier and eslint together, to override some of prettier's mpre opinionated style rules with a eslint config (particularly brace-style). If you want to reverse the order then just reverse the array.

This would run prettier by default, but for javascript files would run prettier and then eslint. Or for a specific lanuage only 'editor.formatOnSave': true, This runs 'Format Document' with the default formatter (in this case prettier) and then eslint -fix for all document types.

'faultFormatter': 'esbenp.prettier-vscode', You will need both the prettier-vscode and vscode-eslint extensions installed for this config to work.ĭisbale formatOnSave and use the source.formatDocument codeAction in whatever order you want with VS Code settings: 'editor.formatOnSave': false,

ext install rohit-gohri.format-code-action Visual Studio Code Market Place: Format Code ActionĬan also be installed in VS Code: Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. Using this and the deActionsOnSave setting in VS Code you can specify the order in which to run the eslint codeAction,, and format document.

This extension will register a new 'codeAction' which will run 'Format Document' using the default formatter (prettier in our case) in VS Code. Do you have your project setup with both Prettier and Eslint? Do you want them to run in a specific order instead of using ESLint to run prettier? Here's how to set your own order in VS Code with this extension: Visual Studio Code Market Place: Format Code Action

Format code visual studio code