This article is an overview for installing Visual Studio Code and the VEX Visual Studio Code Extension. The extension officially supports Windows and macOS.

Installing Visual Studio Code

Open a internet browser and navigate to: https://code.visualstudio.com/

Here are the guides provided by the VS Code website. These can be helpful or you can follow along with this article.

Installing for Windows

image17.png

Click the download for Windows button.

image15.png

Then the download will begin in the browser.

image23.png

image4.png

Next open the File Explorer by clicking on the “File Explorer” icon located on the windows toolbar

image31.png

Or by typing in FIle Explorer in the Windows Search bar and clicking on File Explorer App

image30.png

Next navigate to the download folder by clicking on Downloads shortcut in the sidebar.

image1.png

Click on the VS Code installer.

image25.png

Accept the agreement and click next.

image9.png

Configure installation and click next.

image5.png

Click install to begin installation.

image29.png

Install process will begin.

image18.png

Once installation is complete, click finish and VS Code will launch.

image22.png

Visual Studio Code will Open.

Installing for macOS

image19.png

Click “Download Mac Universal” button.

image28.png

Then the download will begin.

image14.png

image6.png

Next open Finder by clicking on the “Finder” icon on the macOS toolbar

image7.png

Next navigate to the “Downloads” folder by clicking on “Downloads” in the Favorites sidebar.

image26.png

Double click on the VS Code zip file to unzip.

image27.png

Click and Drag the Visual Studio Code Application to the Applications folder.

image11.pngimage6.pngimage8.png

Click on the Launch Pad icon in the macOS toolbar.

image10.png

Click on the Visual Studio Code icon to launch Visual Studio Code.

image24.png

Visual Studio Code will Open.

Installing the VEX Extension

image21.png

Click on the Extension icon in the VS Code activity bar

image16.png

In the search bar type VEX

The VEX Extension will appear in the window below.

Click the install button next to the extension from VEX Robotics.

image13.png

Once installation begins, the text will change to installing. Wait for installation to complete before proceeding.

Installing the Supporting Extensions

In order to use Intellisense/Linting for both C++ and Python additional extensions will need to be installed. The VEX VS Code Extension will automatically configure VEX projects to work with these extensions. Other Intellisense/Linting extensions can be used but users will have to manually configure the projects as needed.

image21.png

Click on the Extension icon in the VS Code activity bar

image3.png

In the search bar type “C++”

The Microsoft C++ Extension will appear in the window below.

Click the install button next to the C/C++ extension from Microsoft.

image2.png

Once installation begins, the text will change to installing. Wait for the installation to complete before proceeding.

image12.png

In the search bar type “Python”

The Microsoft Python Extension will appear in the window below.

Click the install button next to the Python extension from Microsoft.

image20.png

Once installation begins, the text will change to installing. Wait for the installation to complete before proceeding.

For more information, help, and tips, check out the many resources at VEX Professional Development Plus