It depends what you're trying to achieve. If you're writing plain HTML & CSS you can try this extension out: https://marketplace.visualstudio.com/items?itemName=hdg.live-html-previewer

It opens a preview of the HTML document right inside of VS Code.

But if you're viewing your website through a browser you'll have to use a tool like ngrok (which is a CLI tool). This will create a publicly accessible URL for you that you can share with the people you're working with. This only works if you're already serving your website which you can use the "View in Browser" extensions you've used as long as they actually host it on your localhost.

For example a lot of extensions will open up a browser tab at localhost:3000. Make sure that when you run ngrok you set the port to be the same.

This will let you and the people you're collaborating with see the same preview of the website.

There's also a VS Code extension for ngrok too that you can try out: https://marketplace.visualstudio.com/items?itemName=philnash.ngrok-for-vscode

Answer from Dan Fletcher on Stack Overflow
🌐
Visual Studio Marketplace
marketplace.visualstudio.com › items
Live Preview - Visual Studio Marketplace
February 9, 2026 - Extension for Visual Studio Code - Hosts a local server in your workspace for you to preview your webpages on.
🌐
Reddit
reddit.com › r/vscode › how to run live server (or preview in browser) in live share
r/vscode on Reddit: How To Run Live Server (or preview in browser) In Live Share
August 14, 2023 -

Hello! My friend and I started using vscode live share together to code a website and everything is going good. The only issue is that the host who made the collaboration session shared it with me is the only one who can preview the changes in the browser. I was wondering if there is any way I can do the same on my computer without always requesting the host to show me the changes in the preview.

🌐
Visual Studio Code
code.visualstudio.com › docs › setup › vscode-web
Visual Studio Code for the Web
November 3, 2021 - Visual Studio Code for the Web ... code repositories and make lightweight code changes. To get started, go to https://vscode.dev in your browser....
🌐
Visual Studio Marketplace
marketplace.visualstudio.com › items
Live Server - Visual Studio Marketplace
Extension for Visual Studio Code - Launch a development local Server with live reload feature for static & dynamic pages
🌐
Code:You
code-you.org › home › student resources › class resources › class materials and guides › how to: install live server in vs code
How To: Install Live Server in VS Code - Code:You | Free Tech Training
October 2, 2024 - Step-by-Step Guide to Installing the Live Server Plugin in Visual Studio Code The Live Server plugin in Visual Studio Code allows you to view your HTML changes instantly in a browser without manually refreshing the page.
🌐
Reddit
reddit.com › r/webdev › my website ran a lot better in vs code’s live preview than it does in github pages.
r/webdev on Reddit: My website ran a lot better in VS Code’s Live Preview than it does in GitHub Pages.
September 9, 2023 -

And I feel discouraged. I thought this project was finally ready to share with people but I’m not happy with this version.

In live preview things were super responsive and fluid. GitHub pages version is janky and glitches out.

Also, the size and placement of elements is different than what I saw with live preview.

This is my first “real” web project so I don’t know if this is a common experience.

Can I trust Live Preview?

Should I try hosting on a different domain?

🌐
SMPTE
smpte.org › knowledge › html-editing-install-visual-studio-code-and-live-preview-server
5 Install Visual Studio Code and Live Preview Server
While it is possible to access ... Editor and a ms-vscode.live-server extension local server app that enables live preview of the HTML as you edit. From VS Code, you can: Directly edit the HTML. Preview the HTML as it would be presented in a browser....
Find elsewhere
🌐
OpenReplay
blog.openreplay.com › live-browser-preview-vs-code
Live Browser Preview in VS Code: A Quick Guide
September 30, 2025 - For Live Preview: Right-click any ... traditional workflow. For Live Server: Right-click your HTML file and choose “Open with Live Server” or click “Go Live” in the status bar....
🌐
GeeksforGeeks
geeksforgeeks.org › installation guide › how-to-enable-live-server-on-visual-studio-code
How to Enable Live Server on Visual Studio Code - GeeksforGeeks
December 17, 2024 - Alternatively, you can right-click on your HTML file and select "Open with Live Server" from the context menu. Your default web browser will open automatically with a live preview of your HTML page.
🌐
It's FOSS
itsfoss.com › vs-code-run-html
How I Run HTML Code in VS Code
April 29, 2025 - If you haven’t already installed it, open the Extensions panel (or hit Ctrl + Shift + X), search for Live Server, and install it. ... Right-click on your HTML file. ... Your default browser will instantly load the page.
🌐
Visual Studio Code
code.visualstudio.com › docs › remote › vscode-server
Visual Studio Code Server
November 3, 2021 - We now provide a standalone "VS ... server used by the remote extensions, plus some additional functionality, like an interactive CLI and facilitating secure connections to vscode.dev. We want to provide a unified VS Code experience no matter how you use the editor, whether it's local or remote, in the desktop or in the browser...
🌐
Visual Studio Code
vscode.dev
Visual Studio Code for the Web
Build with Visual Studio Code, anywhere, anytime, entirely in your browser.
🌐
DhiWise
dhiwise.com › post › smart-ways-to-view-html-files-in-visual-studio-code
Smart Ways to View HTML Files in Visual Studio Code
December 16, 2024 - Configure External Browser Preview: To preview your HTML file in an external browser, go to the extension settings and edit the “preview.target” setting to specify your preferred browser, such as Chrome or Firefox.
🌐
Python Forum
python-forum.io › thread-22907.html
Live Server on VSCode
I am developing a Flask site and using Live Server plugin. Examples that I have seen show the browser opening within VSCode, when 'Open with Live Server' is selected on an HTML file. When I use it, al
🌐
YouTube
youtube.com › watch
Get live HTML Preview in VS Code (Live Server Tutorial) - YouTube
Want this useful live server extension on your Visual Studio Code? here you Go!If you want more tutorials about web development and web design that include H...
Published   March 31, 2021
🌐
YouTube
youtube.com › unkert education
How to Set Up Live Preview in VS Code - YouTube
In this video, I show you how to set up live preview in VS Code. When building websites it's nice to see changes in the site as soon as you save the file. By...
Published   July 18, 2023
Views   7K
🌐
Stack Overflow
stackoverflow.com › questions › 76804945 › in-vscode-liveserver-preview-extension-only-allows-me-to-view-css-html-and-ot
In VSCode, LiveServer Preview (extension) only allows me ...
I also just released that I can see Document.Write changes on the live preview, just not Alert and Prompt ones seemed disabled. Also added this to the main post. ... VSCode Preview in default browser doesn't show the project but it shows the code itself (HTML, CSS files), the file are saved in a GitHub repository
🌐
YouTube
youtube.com › watch
Live Preview - YouTube
AboutPressCopyrightContact usCreatorsAdvertiseDevelopersTermsPrivacyPolicy & SafetyHow YouTube worksTest new featuresNFL Sunday Ticket · © 2026 Google LLC
Published   March 23, 2023