One of the annoyances with web scripting is that you have to save the file and then load it in a browser to see your progress. While it only takes a few seconds to refresh the file once loaded in the browser, it would be nicer if you can see the results of your work real-time and make corrections while you script.

With VSCode you can do that if you load the extension, Live Preview. Provided by Microsoft, the extension, when activated, generates a second window that shows your progress. However, triggering the tool is not obvious. Once installed through extension, you might find yourself struggling, trying to figure out how to see the tool work.

Unfortunately, Microsoft in its typical genius, doesn't make a simple instruction easy to find. If you go to the product page on the tool, it's a whole lot of babble, and no clear instruction how to get started.

For the above, it's a very simple step. Make sure to restart you VSCode after installing Live Preview. Then, when you start your web scripting page, usually an HTML file, right-click in the middle of the editor page. The internal menu will give you the option to see Live Preview. Click it, and your view page comes up.

Try to focus on learning shortcuts as you go. You spend more time scripting and less time being frustrated with IDEs or scripting environments.