Skip to content

Instantly share code, notes, and snippets.

@andrew-ma
Last active October 26, 2021 05:43
Show Gist options
  • Save andrew-ma/8a722afe1615f9ab2623dc2b53d618ef to your computer and use it in GitHub Desktop.
Save andrew-ma/8a722afe1615f9ab2623dc2b53d618ef to your computer and use it in GitHub Desktop.
### Instructions if you want to collaboratively edit the diagram
# Install Vscode
https://code.visualstudio.com/
# Install this "Live Share" extension in vscode to be able to edit together live
https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack
# Install this "Draw.io Integration" extension in vscode to be able to edit draw io diagrams
https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio
# At bottom of vscode in the footer bar, it should say 'Live Share', click on it to sign in
either with Github or Microsoft account
# IMPORTANT: create a new local folder and put ONLY the files that you want other people to modify
like the '*.drawio' file
Click on 'File' > 'Open Folder...'
and choose the new local folder that you just created, and that contains the '*.drawio' file
# In Sidebar, click on the icon with Arrow and a Circle (Live Share)
then click on the 'Share' button
In the Live Share side window, it should show 'SESSION DETAILS', and a Clipboard icon with Up and Down arrows
Click on the Clipboard icon to copy the link to your shared session
Send this link to all the people you wish to collaborate with
# In Sidebar, click on the icon with two overlapping files (Explorer)
click on the '*.drawio' file
move items around to test if it updates on the other people's end
# To close the Live Share, in Sidebar, click on the Live Share icon again
but this time instead of clicking the Clipboard icon
click on the Crossed Out Circle icon
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment