• Visual Studio Live Tree
• Visual Studio Live Share

Visual studio code live previewvisual studio code live preview like bracketsvisual studio code live preview markdownvisual studio code react live previewvisu. Developers, engineers, software architects and designers will code together at Visual Studio Live! (VSLive!™), returning to warm, sunny Orlando for six days of unbiased and cutting-edge education on the Microsoft Platform.

If you're not already familiar with Visual Studio Live Share, refer here for more information.

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.

Getting Started

1. Install this extension pack and reload VS Code

2. Open your project, then click the Live Share button in your status bar to start a new collaboration session. You'll be asked to login with your GitHub or Microsoft account the first time, which simply allows other developers to identify you.

   Refer to the Live Share quickstart for more details.

3. Open the Live Share Sessions Details view, and click the Start audio call... node to start a call that is scoped to the guests in the session

   Refer to the Live Share Audio quickstart for more details.

4. A new document window, titled Live Share Chat, will automatically open to the side. This window provides you with an integrated chat channel that is scoped to the guests in your collaboration session. If you close the window, you can always re-open it by clicking the Chat Channel node in the Live Share Session Details view (as displayed below).

   Refer to the documentation for more details.

When you send the VS Live Share link to another developer, they'll immediately join into your session, and will be prompted to connect to the audio call. From there, you can begin communicating and collaborating in real-time, without needing to rely on any other tools or services.

Once you've collaborated with someone, they'll be automatically added to your Recent contacts list in the Live Share Contacts view (details). This allows you to see their real-time status (e.g. Available, Away, Do not disturb), send them instant messages, and then invite them into Live Share sessions, directly from the IDE. Collaboration couldn't be any easier!

To learn more about what you can do with VS Live Share (e.g. co-debugging, sharing terminals and localhost servers), refer to the comprehensive how-to guide.

Included Extensions

The following extensions are included as part of this extension pack, and therefore, will be automatically installed along with it:

Recommended Extensions

The following extensions aren't included as part of this extension pack, but are recommended based on the additional capabilities they provide to VS Live Share collaboration sessions (e.g. time-tracking, shared test runner, real-time code prototyping):

More Information

November 15, 2017 Amanda Silver, @amandaksilver

Update (May 7, 2018): Visual Studio Live Share is now publicly available. You can get started using Live Share today!

We are excited to announce that we’re working on 'Visual Studio Live Share', which enables developers using Visual Studio 2017 or Visual Studio Code to collaborate in real-time! Learn more about Live Share and the upcoming limited private preview here.

What is Live Share?

Live Share enables your team to quickly collaborate on the same codebase without the need to synchronize code or to configure the same development tools, settings, or environment.

When it comes to Live Share, seeing is believing. Watch the following video to get an idea of what we are working on:

When you share a collaborative session, your teammate sees the context of the workspace in their editor. This means your teammate can read the code you shared without having to clone a repo or install any dependencies your code relies on. They can use rich language features to navigate within the code; not only just opening other files as text but using semantic analysis-based navigation like Go to Definition or Peek.

Visual Studio Live Tree

When your teammate edits a file, they get editor enhancements like IntelliSense, statement completion, and suggestions. Each of you can open files, navigate, edit code, highlight, or refactor - and changes are instantly reflected. As you edit you can see your teammate’s cursor, jump to the location of your teammate’s carat, or follow their actions.

Collaborative debugging goes further, allowing you and your teammate to independently inspect objects using 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.

Why Live Share?

While Microsoft Teams and Slack bring dynamic team collaboration into a digital form, there is more we can do to make it easier to work together in a development team. Screen-sharing or accessing a machine remotely means that only one person is in control while the other observes. Instant messaging, email, or other tools are great for basic messages but collaborating on a body of code often requires more than a code snippet or a single file to share the necessary context. Additionally, the validity of edits can be impacted by multiple files in the workspace. If you want to replicate your teammate’s environment, it just takes a lot of time to get everything set up.

Live Share allows you to share the context of the code, so you get instant, bidirectional collaboration. Each of you can use a tool that you’ve personalized so you’re the most productive dev you can be. You can independently investigate an issue without stepping on each other, no need to hand-off control or deal with latency. Collaborate with shared focus only when you want to.

Find out more

We are excited to give you an early glimpse into Live Share today. Although we are only sharing it as a demo today, we will be releasing a limited private preview soon. If you want to learn more and keep up with the project, you can sign up by clicking here.

Happy Coding!

Visual Studio Live Share

Amanda