Tutorial - Use Prettier for HUGO & Go Templates in Visual Studio Code | Static Site Generator

This video is all about getting prettier running in Visual Studio code for your Hugo and Go Template projects. Out of the box, Prettier doesn't work well with Hugo/Go Templates and a plugin with simple configuration is needed. I also show you how to create scripts for automatically checking and formatting your project with prettier. 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 The completed tutorial https://github.com/future-wd/video-prettier-hugo 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