A step-by-step guide to setting up Prettier alongside ESLint in a TypeScript project using VS Code. Covers installing and configuring Prettier via a .prettierrc file, integrating it with ESLint using eslint-config-prettier and eslint-plugin-prettier, and enabling format-on-save in VS Code. Also covers alternative approaches like filesystem watchers with onchange and pre-commit hooks via Husky.
Table of contents
IntroUnderstanding PrettierUsing Prettier with ESLintGoals for this blog postPrerequisitesInstalling PrettierConfiguring PrettierTesting Prettier using the Prettier CLIUsing PrettierConfiguring Prettier to work with ESLintConclusion5 Impressions