Install a code editor
By the end of this step you have VS Code installed and know how to open a folder and a terminal inside it.
Quick check: already have VS Code (or Cursor, or another editor you like)? Skip to the next step.
1. Download and install
- Go to code.visualstudio.com.
- Click the big Download button. It picks the right version for your computer.
On Windows
- Open the file you downloaded (it's in your Downloads folder).
- Accept the agreement and click Next through the screens. The defaults are fine.
- On the "Select additional tasks" screen, tick Add "Open with Code" action. It lets you right-click any folder and open it in VS Code.
- Click Install, then Finish.
On macOS / Linux
- Open the
.zipfile you downloaded. It unpacks into Visual Studio Code. - Drag Visual Studio Code into your Applications folder.
- Open it from Applications. If macOS asks "Are you sure you want to open it?", click Open.
2. Open a folder
VS Code works on folders, not single files. A folder with all the files of one project in it is what developers call a project.
- In VS Code, click File → Open Folder… (on Mac: File → Open…).
- Pick your Documents folder for now, and click Select Folder (Mac: Open).
- If it asks "Do you trust the authors of the files in this folder?", click Yes, I trust the authors. It's your own folder.
The folder's files appear in the panel on the left.
3. Open the terminal inside VS Code
Click Terminal → New Terminal in the top menu. (The shortcut is Ctrl + `, the key above Tab.)
A terminal opens at the bottom of the window, already inside the folder you opened. This is the terminal you'll use most in the course: your code above, your commands below.
If it didn’t work
Windows: "Windows protected your PC". Click More info, then Run anyway. This appears for many downloaded installers; VS Code is from Microsoft.
There's no Terminal menu. The window may be too narrow and the menu is hidden behind ☰ (top left). Or use the shortcut Ctrl + `.
VS Code is in a language you don't read. Press Ctrl + Shift + P (Mac: Cmd + Shift + P), type Configure Display Language, and choose English.