Home / Questions / 302314
Accepted
Max Jimenez
Asked: 2020-10-21 13:27:42 +0800 CST 2020-10-21 13:27:42 +0800 CST

Mount html page on localhost and have it update itself with VS Code?

  • 772

You see, I'm practicing HTML with vscode but it turns out that I have to open the file and update every time I want to make the changes. I have xampp installed and I don't know if that html can be placed in apache and the browser updates the html automatically with each save or change. I have 2 screens and I want to use one screen to program and the other to see how it is going without having to go to the other screen to press F5. Thank you very much!

html5

2 Answers

  1. Best Answer

    I use the Live Server extension, it creates a button in the lower right part of the window called "Go Live", you click on it and it creates a server that runs on port 5500 that is automatically updated every time you save a change in the file and automatically opens your HTML file with your default browser, here is the link to download the extension in the official VS Code extension store https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

    • 1

  2. I recommend that you position yourself on your folder with CMD or the terminal that you prefer (Git bash works, you install it and right click inside the folder and start "gitbash here") and use it npm i servewithout the quotes... it installs super simple and it offers you folders in your browser so you can see it graphically... you just enter localhost in any browser with the port that it tells you (usually it is localhost:3000) and that's it greetings

    • 0