For the remainder of the course, we will be using VS Code as our code editor. VS Code is the editor of choice for web development, with tons of helpful extensions and autocomplete features.
Download Visual Studio Code - Mac, Linux, Windows
Hack4Impact VSCode Extension
Hack4Impact's Recommendations - Visual Studio Marketplace
Auto close tag → auto-insert the closing tag for your HTML elements
Auto rename tag → change the closing HTML tag name when you edit the opening tag
<aside> 💡 If you want to see which extensions you have installed or search for new ones, click the pile of blocks in the lefthand toolbar!
</aside>
If you got confused when you couldn't find a "new project" button, I don't blame you! This is because VS Code is a "text editor" rather than an IDE, so it's missing all of those project setup features you might have seen building mobile apps, python apps, or whatever else.
Make an empty directory (folder) wherever you want from your "Finder," "File Explorer," or your terminal if you're fancy 😁
Head to VS Code go to to File → Open...
Find your directory and open it
You will see a directory inspector on the side. Right now, it should be empty. To add a file, hover over the dropdown with your folder's name and choose the first option (New File)
Type the file name and the file extension! I'd recommend making a basic HTML file to start, so type index.html
This file should now open in the editor view!