Get the Necessary Development Tools

Install Node.js

If you don’t have node.js installed on your laptop, navigate a browser to https://nodejs.org/en/ and install the LTS version of node.js.  Node.js will provide us with a program named npm which we’ll use to install modules and run scripts as we develop our web apps.

Install Visual Studio Code

Visual Studio Code (VSC) is the code editor that we’ll use in this course.  Please download and install VSC onto your laptop.

Install VSC Extensions

Start VSC and install the following VSC extensions (if not installed already).  You can install an extension by clicking on the extensions icon in the vertical menu on the left, then search for the extension, and select install.

  • Volar

Install the Vue.js Command Line Interface

Open a terminal window in VSC (ctrl + `) and execute the following command to install the Vue.js command line interface (CLI).

npm install -g @vue/cli

Create an Microsoft Azure Student Account

We’ll be using Microsoft’s Azure cloud infrastructure to host our web apps.  Navigate your browser to https://azure.microsoft.com/en-us/free/students/ and click the Start Free button to create a new student account.  Use your BC credentials to sign in.

Create a GitHub Account

We’ll use a GitHub repository to hold the code that we want to be hosted on Azure.  If you don’t have a GitHub.com account, please create one now.

 

© 2023, Eric.