#VISUAL STUDIO CODE FOR MAC TUTORIALS HOW TO#

There may be a scenario where you’d like to teach someone commands in the terminal, such as how to navigate the file system, working with npm, starting your dev server, etc. Alternatively, open the Command Palette and type Share Server.Īs the invitee, you then can navigate to localhost on the proper port to see the server. Then, click the username in the bottom status bar and choose Share Server. With Live Share you can start the server locally and the other person can get access to the same running application.Īs the inviter, start your server as normal.

#VISUAL STUDIO CODE FOR MAC TUTORIALS INSTALL#

You could check the code into GitHub and have the other person clone, but then they still have to install dependencies and start the server themselves. It can be challenging to share with others when working on an application locally. Read the documentation on controlling file access and visibility for more details about security. hideFiles is similar except collaborators will be able to see hidden files under certain circumstances. excludeFiles is an array of file names that you don’t want users to have access to. The two keys we care most about are excludeFiles and hideFiles. The basic configuration will look something like this: Thankfully, Live Share gives you the ability to limit what files collaborators can view and edit.Ĭreate a. It’s one thing to trust someone to edit specific files, but opening up your entire workspace to them may not be preferred. You can use this to draw their attention to a section of code for example.īy default, when sharing a session with someone, they will have access to edit all of the files within the workspace. You can also select a piece of code for it to be highlighted on the other user’s computer. Additionally, both sides will see a marker showing where the other editor is as shown here.

#VISUAL STUDIO CODE FOR MAC TUTORIALS FREE#

From there, both sides are free to navigate and edit as they see fit. This will happen until the invitee makes a move themselves. The inviter will be notified when someone joins the session.īy default, joining a session will automatically have the invitee follow the inviter as they navigate code. When prompted, enter the collaborative session link sent to you by the inviter. Alternatively, you can open the Command Palette and type Join Collabation Session. Share this link with someone to invite them to your session.įrom the invitee point of view, to accept an invite, click your username in the bottom status bar and choose Join Collaboration Session.

You’ll be notified that your invite link has been copied to the clipboard. Alternatively, you can open the Command Palette ( CMD+SHIFT+P on Mac, CTRL+SHIFT+P on Windows) and type Start Collaboration Session

Start by clicking your username in the bottom status bar and choose Start Collaboration Session from the available options. As you’ll see, you will be granting users certain access that can be detrimental if used incorrectly. Be sure to only share live sessions with people you trust. Step 2 - Sharing and Joining a SessionĪfter you’re all signed in, you’re ready to create a session to share with others. To sign in, use the Sign In button in the bottom status bar with the person icon. As of now, you can choose to log in with a Microsoft or GitHub account.

In VS Code, you can open up the extensions tab, search for Live Share, click install, and then reload when the install is finished.Īfter that, you’ll need to sign in. The first step to taking advantage of Live Share is to install it as an extension. This tutorial will focus on the Live Share extension. There is also a Live Share Extension Pack that combines Live Share and Live Share Audio extensions. Note: Modern versions of Visual Studio Code now include Live Share by default.

Visual studio code for mac tutorials