Tutorial - Use Prettier and ESLint in Visual Studio Code | Lint and Format your Code

This video is all about getting Prettier and ESLint to work together without conflict in Visual Studio Code. They are both industry standard packages which are widely used for linting and formatting of code. I will also show you how to set up run scripts to automatically lint and format your code. Watch my full length Hugo courses on skillshare here: https://www.skillshare.com/r/user/sean_emerson?gr_tch_ref=on&gr_trp=off You get 1 month free, to watch my courses using my referral link. Full length HUGO and Bootstrap 5 intro course https://skl.sh/3rsfq4y Full length SASS/SCSS building with Hugo Course https://skl.sh/3IKdWc2 Full length JavaScript building with Hugo Course https://skl.sh/3uHZcEz SEO and asset optimisation with Hugo Course https://skl.sh/3rthbOo Looking for the best value for money travel insurance that suits both travellers and digital nomads? Covid-19 coverage included! Use my link to support this channel. https://safetywing.com/nomad-insurance?referenceID=24741702&utm_source=24741702&utm_medium=Ambassador Like the video? Buy me a cofee!! https://www.buymeacoffee.com/futureweb Video - Set up Prettier for Hugo https://youtu.be/1L7b3dm0j9o The completed tutorial https://github.com/future-wd/video-eslint-prettier PLAYLIST - My other HUGO videos https://www.youtube.com/watch?v=sX1_R11wuxk&list=PLE92IfveVXuXTOjdPM_nleN6Cga_d3uJ- 0:00 - Introduction 1:04 - Install Prettier VSCode plugin 1:30 - Visual Studio Code Configuration 2:20 - Prettier Configuration File 3:45 - Install packages locally 4:54 - Prettier ignore config file 5:46 - Test Prettier with HTML & Hugo Templates 7:50 - Configure single & double quotes 9:05 - Test Prettier with JavaScript files 10:04 - Create NPM scripts for checking and formatting #hugo #website #vscode #staticsitegenerator #jamstack