Open VSCode
First we need to open the github.dev web-based editor we can do this by clicking the . key the fullstop / period key, or see info box below for an alternative way.
If you are familiar with code editors you might recognise it as Visual Studio Code for the Web which provides a browser-based experience for navigating files and repositories.
Now on the left side of the editor you will see a column of icons the "Activity Bar", and beside them the name of your repository with the list of files from the template repository below it.
We could now just click on the HTML file and start editing, which is fine if you are familiar with writing HTML but VSCode has some great addins one of which is CodeSwing, which allows you to see the changes you are making in real time side by side with your code.
github.dev web-based editor
To open in current tab
Press the . key the fullstop / period key, this opens up the github.dev web-based editor in your current browser tab.
To open in new tab
If you press Shift ↑ + > this will open the editor in a new tab.
VSCode Minimap is a page overview on the righthand side of your editor and can be turned off if you want more space in smaller browser windows/devices or maybe set it to autohide instead. Find out how on our FAQ's, Info & Tips page.
Page Last Edited: