sharath-mohan / prettier-guide

Simple guide to setup prettier with vscode

Prettier Setup guide

The Respository contains a sample Vite typescript app that is fomatted with prettier

Visual Studio code setup

1. Install Prettier plugin

2. Update Editor Preferences

   Press CTRL+SHIFT+P or CMD+SHIFT+P type in

   open user settings json

   update the settings file

   {
       "editor.defaultFormatter": "esbenp.prettier-vscode"
   }

   Aditional Information can be found at https://prettier.io/docs/en/editors.html

Installing prettier

1. Install prettier package

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

2. create configuration file for prettier

   echo {}> .prettierrc.json

3. Configuration files can be updated based on user's formatting preferences