Automatically refreshes the browser the moment you save your HTML, CSS, or JavaScript files.
Connect your mobile device to the same WLAN to preview your site on a phone in real-time. Why You Need a Live Server
Use shortcuts like Alt + L, Alt + O to open the server and Alt + L, Alt + C to stop it. download live server for visual studio code
Click the Extensions icon on the left sidebar or press Ctrl + Shift + X (Windows) or Cmd + Shift + X (Mac). Search: Type "Live Server" in the search box.
Live Server is more than just a simple preview tool; it provides several features that streamline the coding process: Automatically refreshes the browser the moment you save
Without this extension, you would need to manually click the "refresh" button in your browser every time you change a line of code. Live Server eliminates this repetitive task, allowing you to stay focused on your design. It is particularly useful for: How To Install Live Server in Visual Studio Code 2025
Look for the version by Ritwick Dey and click the Install button. Click the Extensions icon on the left sidebar
To speed up your web development workflow, you can directly from the built-in Extensions Marketplace . This essential extension, developed by Ritwick Dey, has over 40 million downloads and is a favorite among frontend developers for its ability to launch a local development server with a live reload feature. How to Install Live Server in VS Code You can set up Live Server in just a few clicks: