Install CodeSwing

To add a CodeSwing to your editor click the extentions icon Github extentions icon and type in the "Search Extentions in Marketplace" box CodeSwing.

A CodeSwing link will now appear below the search box, click the install button.

CodeSwing will now open up on the right hand side of the editor and to the left of it the index.html file.

You can see in the Side Bar file list that there are other files e.g style.css, but in this tutorial we will only be focusing on the HTML.

Then we can click on the Explorer icon Github explorer icon to hide the Side Bar's list of files which will expand the HTML and CodeSwing windows a little bit more.

You are now all set up to make content changes and be able to see instantly how these changes will look, so lets get building this template into your website!!

FAQ quacking rubber duck

Need help? We have a FAQ's, Info & Tips page, where you can find the answers to the following FAQ's and more...

Codeswing - I've closed my preview how do I reopen it? & I've added another page I want to preview too

VSCode - What do the numbers in the blue circle mean in my Web Editor?.

Page Last Edited: