Lab 1: Installing VS code editor and first coding exercise

General Description

---

In this first lab, you will install Visual Studio Code editor and will test your setup with simple lines of code.

Learning Objectives

---

1. Install VS Studio Code editor
2. Learn how to write initial JavaScript code and visualize its result in VS Studio Code

Table of Contents

---

1. Install Visual Studio Code
2. Your First JavaScript code

Install Visual Studio Code

---

Follow the instructions below to install Visual Studio Code in Windows or Mac

• Windows installation tutorial: https://docs.cse.lehigh.edu/vscode/installing-vscode-win/
• Mac installation tutorial: https://docs.cse.lehigh.edu/vscode/installing-vscode-mac/

Learn about VS Code's interface

Learn about VS Code's interface through the following link: https://code.visualstudio.com/docs/getstarted/userinterface

Install Quokka.js Extension:

Quokka.js is a VS Studio Code extension that runs JavaScript with instant feedback, displaying runtime values in your editor as you type.

1. Click on the Extensions icon in the Activity Bar on the side of VS Code (four squares icon)
2. In the search bar, type Quokka.js
3. Click the blue Install button

Your First JavaScript code

---

1. Start by creating a new VS Code file with the name "lab1.js". Go to File > New Text File to create a new file
2. Type the following sample code in your VS Code file. Replace with your own information:

                        
// These are variables
const name = "Luis";
const role = "student";
const studentNumber = 123456;
const isInquiryCourse = true;

console.log(name)                
               
               

3. Press Cmd + Shift + P (Mac) or Ctrl + Shift + P (Windows) and type "Quokka: Start on Current File". This will allow you to see the result of the value name input above.

4. Try displaying other values by replacing name with role, studentNumber or isInquiryCourse inside console.log()
5. Save the changes made to your VS Code file for future reference.