Web Development - Phase 01

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.

Once added, search for the following extensions and install them

Code Runner

Live Share

Live Share Extension Pack

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.

Live Share

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

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