Skip to content

Instantly share code, notes, and snippets.

@SuperBonsaii

SuperBonsaii/How to setup your environment.md

Created August 23, 2019 04:34
Show Gist options
  • Save SuperBonsaii/6ad8991cb9352a595fede7097066fdbe to your computer and use it in GitHub Desktop.
Save SuperBonsaii/6ad8991cb9352a595fede7097066fdbe to your computer and use it in GitHub Desktop.
Download ZIP
Web Development - Phase 01
Raw
How to setup your environment.md

Overview

This document covers the basic setup needed for Live-Coding Sessions.

Tools

VS Code

Download the VSCode if you do not have it installed already.
Once you have installed VSCode, open it up and navigate to the Extenstions on the Left Navigation. Navigating to VS Code Extensions

Once added, search for the following extensions and install them

Code Runner

Code Runner

Live Share

Live Share

Live Share Extension Pack

Live Share Extension

Once installed, please restart your VS Code to enable these extensions.

How do I know if my extensions were installed correctly?

Code Runner
  • Create a new file in VSCode and save it as hello.js.
  • Add the following content in the file
console.log('it works!')
  • You should see a Play button on the top right corner of the VS Code.
  • Click on the Play button and you should see the output in the window down below.
  • If you have reached this far, Code Runner is correctly installed.

Code Runner Works

Live Share

Please follow the following steps in VSCode to test if you can create a live session.
Live Session

If you have reached this far, Congratulations! you are all set for the hand-on programming

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment