0 of 12 lessons complete (0%)
Essential Software and Accounts

Visual Studio Code

You don’t have access to this lesson
Please register or sign in to access the course content.
Length: 10 minutes

This lesson will have you download, install and configure Visual Studio Code.

You should have a Github account created before starting this activity.

Installing Visual Studio Code

Go to code.visualstudio.com. And download Visual Studio Code.

Run the installer.

When asked select the options shown below

  • Both Add “Open with Code” options
  • Register Code as an editor for supported file types
  • Make sure Add to PATH is selected.

Restart your computer when the install has finished.

Signing into Github

Extensions are additional features that you can add to Visual Studio Code to enable certain features

When your computer has restarted start VS Code.

You should see a Windows similar to the one below.

Sign in with your Github Account.

In the bottom right cornet click the User icon

Choose Sign in with Github.

A browser tab will open.

Then click the Continue button.

You might be asked to sign into Github. If so sign in.

You should then receive a success message.

You can now return to Visual Studio Code. Click the Open button on the pop up.

You wiull se a similar message in Visual Studio Code, click open. This allows VS Code to open the link.

You should now see that you are signed in.

If you have used Visual Studio before you will have the option to sync your settings which syncs extensions and layout preferences. This is really useful.

Installing Extensions

The two files allow you to open a folder to work in.

To add extensions click the four blocks

Install the following extensions:

  • HTML Preview
  • open in browser
  • Markdown Paste
  • Markdown All in One
  • Python[1] (Make sure that Python is installed first), this will also install:
    • Pylance and Jupyter

Additional extensions that are useful are covered in other sections such as Web Design[2] and Game Development.

Terms definitions
2. Design. Creating a plan or mock up of the new system[5] or digital outcome[3] based on all of the requirements and specifications[4] that have been identified.
Terms definitions
1. Python. Length: 10 minutes This lesson will have you download, install and configure Visual Studio Code. You should have a Github account created before starting this activity. Installing Visual Studio Code Go to code.visualstudio.com. And download Visual Studio Code. Run the installer. When asked select the options shown below Both Add “Open with Code” optionsRegister Code […]
2. Design. Length: 10 minutes This lesson will have you download, install and configure Visual Studio Code. You should have a Github account created before starting this activity. Installing Visual Studio Code Go to code.visualstudio.com. And download Visual Studio Code. Run the installer. When asked select the options shown below Both Add “Open with Code” optionsRegister Code […]
3. digital outcome. Length: 10 minutes This lesson will have you download, install and configure Visual Studio Code. You should have a Github account created before starting this activity. Installing Visual Studio Code Go to code.visualstudio.com. And download Visual Studio Code. Run the installer. When asked select the options shown below Both Add “Open with Code” optionsRegister Code […]
4. specifications. Length: 10 minutes This lesson will have you download, install and configure Visual Studio Code. You should have a Github account created before starting this activity. Installing Visual Studio Code Go to code.visualstudio.com. And download Visual Studio Code. Run the installer. When asked select the options shown below Both Add “Open with Code” optionsRegister Code […]
5. system. Length: 10 minutes This lesson will have you download, install and configure Visual Studio Code. You should have a Github account created before starting this activity. Installing Visual Studio Code Go to code.visualstudio.com. And download Visual Studio Code. Run the installer. When asked select the options shown below Both Add “Open with Code” optionsRegister Code […]