Installing VSCode
-
Download the mac version of vscode from here.
-
Unzip the downloaded file. Inside should be the vscode application.
-
Run the program thats inside. You should be good to go!
Files and Folders
When you first open vscode it should look something like this
Navigate to the file icon on the left-hand side of your screen
Click the "Open Folder" button and find the folder with the code you want to edit
You can use this tab to navigate your files, and to create new files and folders.
Git
Along with managing your files, VSCode lets you manage git repos. If you don't already have your git repos
up and running, go do that. This is a tutorial for vscode, not git!
To get started, go to the left-hand menu and click the git icon.
If you don't already have a folder open you will be prompted with this screen
You can connect your git account to vscode and clone a repo that way. You can also clone a repo the normal
way using terminal and just open the folder.
If you open a folder that isn't a git repo you will be prompted with this
If your github account is connected to vscode you can create a repo and push it to your account. If you
choose the "Initialize Repository" option, vscode will make a new repo, but that repo will only be on your
computer, not on github.
Once you have your git repo opened the source control panel should look like this
When you make a change it shows up in the source control panel
If you want to see what was changed you can click on the changed document. It will look something like this:
To make a commit type your commit message into the entry box and press the check mark
To push your commits you can click the "Sync Changes" button