1. Make sure git is tracking your project locally
Do you need a refresher on git? Go through Codecademy's
Using your terminal/command line, get inside the folder where your project files are kept:
cd /path/to/my/codebase. → You cannot do this simply by opening the folder normally, you must do this with the command line/terminal.
→ Do you need a refresher on using your command line/terminal? I've compiled my favorite resources here.
Check if git is already initialized:
If you get this error message: fatal: Not a git repository (or any of the parent directories): .git, that means the folder you are currently in is not being tracked by git. In that case, initialize git inside your project folder and make your first commit:
git init git add . git commit -m "initial commit"
→ If you get another error message, read carefully what it says.
- Is it saying git isn't installed on your computer by saying that the word 'git' is not recognized?
- Is it saying that you're already in a folder or sub-folder where git is initialized?
- Google the error output to understand it, and to figure out how to fix it.
2. Create a remote, empty folder/repository on Github.
Login to your Github account.
At the top right of any Github page, you should see a '+' icon. Click that, then select 'New Repository'.
Give your repository a name--ideally the same name as your local project. If I'm building a travel application, its folder will be called 'travel-app' on my computer, and 'travel-app' will be the Github repository name as well.
Click 'Create Repository'. The next screen you see will be important, so don't close it.
3. Connect your local project folder to your empty folder/repository on Github.
The screen you should be seeing now on Github is titled 'Quick setup — if you’ve done this kind of thing before'.
Copy the link in the input right beneath the title, it should look something like this: https://github.com/yourname/yourproject.git
This is the web address that your local folder will use to push its contents to the remote folder on Github.
Go back to your project in the terminal/command line.
In your terminal/command line, type
git remote add origin [copied web address]Example: git remote add origin https://github.com/yourname/yourproject.git
Push your branch to Github:
git push -u origin main
Go back to the folder/repository screen on Github that you just left, and refresh it. The title 'Quick setup — if you’ve done this kind of thing before' should disappear, and you should see your files there.
If you still run into this issue in 2022...i.e you want to push an existing repository from your VSCode
...best to follow this pact
This should work perfectly!!!