Visual Studio IDE Visual Studio for Mac Visual Studio Code To continue downloading, click here Technical Support & FAQs Visual Studio IDE 2021-01-22T12:02:30-08:00. Visual Studio Code Other Live HTML Previewer New to Visual Studio Code? Live HTML Previewer. Harshdeep Gupta 604,271 installs (117) Free. Edit and preview HTML documents in VS Code. Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
What is Live Share?
Live Share enables you to quickly collaborate with a friend, classmate, or professor on the same code without the need to sync code or to configure the same development tools, settings, or environment.
When it comes to Live Share, seeing is believing. Check out this video to see Live Share in action:
When you share a collaborative session, the person you're working with sees the context of the workspace in their editor. This means your classmate can read the code you shared without having to clone a repo or install any dependencies your code relies on. They can help you with your code in the Visual Studio Code environment that's familiar to them.
Each of you can open files, navigate, edit code, or highlight - and changes are instantly reflected. As you edit you can see your classmate's cursor, jump to the same location, and follow their actions.
You can also debug together using VS Code's debugging features, like hovers, locals and watches, the stack trace or the debug console. You are both able to set breakpoints and advance the debug cursor to step through the session.
For more details about what you can do with Live Share, visit the how-to-guide or read the quick-start below.
Get started with Live Share
To get started with using Live Share in VS Code, you'll need to download the Live Share Extension Pack from the Extension Marketplace.
This extension pack includes everything you need to start collaboratively editing and debugging in real time, including integrated audio and text chat. This provides you and your team/class with a one-click installation, in order to begin pair programming, performing remote code reviews, driving interactive lectures, and more, without needing to leave Visual Studio Code.
Once you log into your GitHub account, you'll see the Live Share icon in the Activity Bar.
Starting a Live Share session
If you select Start Collaboration session from the Session Details menu, an invitation link to your session will automatically be copied to your clipboard. You can share this link with anyone you'd like to collaborate with, as long as they also have VS Code and the Live Share Extension Pack downloaded.
Visual Studio Live Run
When your classmate joins the session, you'll get a notification, and see their name come up under Participants.
Joining a Live Share session
Visual Studio Live Preview
If you select Join Collaboration session from the Session Details menu, you're able to enter the URL you received.
Visual Studio Live Server
Visual Studio Live 2021
Visual Studio Live Conference
You should be able to see and interact with your classmate's code on your screen!
Visual Studio Live Preview