Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Code LinkNew to Visual Studio Code? Get it now.
Code Link

Code Link

Irfan Hussain

|
10 installs
| (0) | Free
Collaborate in real-time on any file. Share a simple room ID to invite others to code with you.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🔗 Code Link

Code Link brings the seamless, real-time collaboration of Google Docs directly into your Visual Studio Code editor.
Share a simple link (Room ID) and code together on the same file — instantly.
See your collaborators' cursors, type together, and watch changes appear live.


✨ Features

  • Real-Time Collaborative Editing — Multiple users can type, delete, and edit in the same file simultaneously.
  • Shared Cursors & Awareness — See your collaborators' cursors, selections, and names in real time to know who is doing what.
  • Simple Link Sharing — Start a session and share a unique, secure Room ID to invite others. No complex setup required.
  • Works on Existing Files — No need to create new files; start a session on any file you already have open.

📖 How to Use

Code Link has two roles: Host and Guest.

▶ Host (Start a Collaboration Session)

  1. Open the file you wish to share in VS Code.
  2. Open the Command Palette:
    • Windows/Linux: Ctrl + Shift + P
    • macOS: Cmd + Shift + P
  3. Run the command: Code Link: Start Collaboration Session.
  4. A notification will appear with a Room ID. Click Copy ID and share it with your collaborators.

👥 Guest (Join a Collaboration Session)

  1. Open VS Code (no file needs to be open initially).
  2. Open the Command Palette:
    • Windows/Linux: Ctrl + Shift + P
    • macOS: Cmd + Shift + P
  3. Run the command: Code Link: Join Collaboration Session.
  4. Paste the Room ID you received from the host and press Enter.
  5. A new editor tab will open with the shared code — start collaborating instantly!

⚙️ Configuration

To make collaboration clearer, you can set a custom display name that will appear next to your cursor for other users.

  1. Open VS Code Settings:
    • Windows/Linux: Ctrl + ,
    • macOS: Cmd + ,
  2. In the search bar, type Code Link.
  3. Find the input box labeled Display Name.
  4. Enter the name you'd like others to see.
    The change is saved automatically.
  5. If you don’t set a name, a random one (e.g., User-abcd) will be assigned to you for the session.

⚙ Requirements

Code Link requires a running y-websocket server for synchronization.
For local testing:

# Install the server
npm install -g y-websocket

# Run the server
y-websocket-server
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft