Lecture 2

Installation

VSCode Extensions

• In VSCode, open the extensions menu in the left sidebar
• Search and install “ESLint”
• Search and install “Prettier - Code formatter”

Clone the Project

• Go to https://github.com/Stanford-W3Lab/Lecture-2 and fork the project
• Open a new VSCode Window, a Get Started page should show up
• Click on “Clone Git Repository”
• Select “Clone from GitHub”
• Type in “YourGithubUsername/Lecture-2” and clone the repository

Project Setup

• Open the repository in the VSCode window
• Open a new VSCode terminal window (Terminal > New Terminal or drag from bottom of screen)
• Install yarn: sudo npm install -g yarn
• Type yarn install or just yarn

Running the Project

• Type yarn javascript to start the JavaScript part of the project
• Type yarn typescript to start the TypeScript part of the project