Last Updated: 30 December, 2022
- Install Visual Studio Code (often abbreviated “VS Code”) from their website. Open and launch the downloaded package and follow the instructions. A link can be found below:
- To open your project, click the
Explorericon in the top left of the sidebar and then click
Open Folder. Choose the cloned folder of the Git repository of the project you’re working on. (Seeif you’d like help with that)Version Control
- Now your project is open and you can get started! Check out orWeb Essentials (HTML, CSS, & JS)for help building a project.Building Your First Site (Profile Generator)
Download Visual Studio Code - Mac, Linux, Windows
Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.
The best guides for getting started can be found at the official documentation. If you want to learn more about Keyboard Shortcuts, Language Support, Setup, Tips, and more start here!
Documentation for Visual Studio Code
Find out how to set-up and get the most from Visual Studio Code. Optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
Visual Studio Code is pretty bare-bones on its own. Luckily, developers can add their own Extensions to customize it how they see fit. Click the blocky
Extensions icon in the sidebar to open the search window. You’ll see installed extensions as well as suggestions.
The Marketplace is also a great place to search for extensions. You can search or sort by most popular. There’s no one best setup of extensions, so tinker, ask for suggestions, and make the IDE your own.
If you prefer the JetBrains lifestyle, JetBrains does offer WebStorm as their Web Development IDE. We suggest VS Code because most mentors use it, but know WebStorm is always an option.