Learn HTML - Live Server extension
Live Server extension: https://marketplace.visualstudio.com/...
If you're a web developer, you know that developing websites can be a tedious process. Every time you make a change to your code, you need to save your file, switch to your browser, and refresh the page to see the changes. This can take up a lot of time and slow down your workflow.
But there's a solution to this problem - Live Server Visual Studio Code extension. Live Server is a lightweight development tool that helps you to quickly launch a local development server and automatically refresh your website whenever you make a change in your code.
This extension is great for beginners as it is very easy to use. All you need to do is open your HTML file in Visual Studio Code, right-click on it, and select "Open with Live Server". The extension will launch a local server and open your website in your default browser.
From there, you can start making changes to your code and see the changes happen live in your browser without needing to refresh the page manually. You can also make use of the "auto-save" feature to automatically save your changes to your code as you type.
Live Server also has some additional features that can come in handy. For example, you can use the "Live Reload" feature to automatically reload your browser whenever you save a change to your CSS file. This makes it easier to make quick styling changes without needing to refresh the page manually.
In conclusion, Live Server Visual Studio Code extension is a fantastic tool for web developers, especially for those who are just starting out. It can save you a lot of time and help you to focus on writing code rather than worrying about refreshing your browser.