How to view Live Changes to your webpages on local network

Install and configure VSCode Live Server

• Press Ctrl + Shift + X inside VSCode

• Search Live Server in the search menu and install the extension

• Go to the extension settings

• Scroll all the way down and enable this option.

Start the Live Server and host it locally

• click Go Live and note down the port number for later (if it is not 5500).

• Note the link that opens in the browser automatically.

• open command prompt as an administrator and type this command:

  netsh advfirewall firewall add rule name="VSCode Live Server" dir=in action=allow protocol=TCP localport=5500
  

• Replace the localport=5500 to localport=(YOUR LITERAL PORT NUMBER). As in: If your port number was 57682 then you put localport=57682
• Press Enter

Accessing it locally

Enter the link you noted down before, put the same link on any device on same Wi-Fi/Hotspot etc

• Enjoy