If you select Join Collaboration session from the Session Details menu, you're able to enter the URL you received. When your classmate joins the session, you'll get a notification, and see their name come up under Participants. 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 installed. If you select Start Collaboration session from the Session Details menu, an invitation link to your session will automatically be copied to your clipboard. Once you log into your GitHub account, you'll see the Live Share icon in the Activity Bar. 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. This extension includes everything you need to start collaboratively editing and debugging in real time. To get started with using Live Share in VS Code, you'll need to download the Live Share extension from the VS Code Marketplace. You are both able to set breakpoints and advance the debug cursor to step through the session.įor more details about what you can do with Live Share, visit the how-to-guide or read the quick-start below. You can also debug together using VS Code's debugging features, like hovers, locals and watches, the stack trace or the debug console. As you edit you can see your classmate's cursor, jump to the same location, and follow their actions. They can help you with your code in the Visual Studio Code environment that's familiar to them.Įach of you can open files, navigate, edit code, or highlight - and changes are instantly reflected. This means your classmate can read the code you shared without having to clone a repo or install any dependencies your code relies on. I have my root folder called code playground and my image is in sub-folder called images and the HTML code is the sub-folder called code. When you share a collaborative session, the person you're working with sees the context of the workspace in their editor. Very very new to all of this, When I use image in HTML code and try to open it using VS Code Live Server it doesnt show the image but it works properly when I open the file without LS. To follow along with the video, you only need to install the Live Share extension. Note: The video above mentions the deprecated Live Share Extension Pack and Live Share Audio extension. All my install setting are defaults My VS code version 1.22. Check out this video to see Live Share in action: vs code is not opening browser directly when live server gets on Issue 65 ritwickdey/vscode-live-server GitHub ritwickdey / Public on commented on OS Name Which browser you want to start Windows 10 Pro and latest VSCode. When it comes to Live Share, seeing is believing. 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. Collaborate with Live Share What is Live Share?
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |