Git is a version control system which lets you publish your work online and save versions of your code as you progress. Saving (or ‘committing’) work as you go means that you never really lose earlier versions: you can return to a previous state at any moment. Github repos are also a great place to store the tutorials you complete as you learn.
(If you are not comfortable with the basics of your terminal, I suggest you complete this exercise first.)
This tutorial will cover the steps you should take every time you start a new project, and then how to manage your project effectively.
- Summary of commands
- Setup git
- Create local project
- Create remote version
- Connect local to remote
- First commit
- Push to the cloud
- Subsequent commits
- Note-taking in Markdown
- Merge conflicts
tldr summary of commands
For if you have already read the whole way through this tutorial and are just back here to remind yourself of the commands. (If this is your first time here, please jump to Part 1.)
- do not type the bits after
#; they are just notes
- words inside
<>are placeholders, replace them with your details
cd ~/code && mkdir <new-project-name> && cd <new-project-name> # create project directory git init # initialise git tracking for your local version # log into your github account in a brower and create a new repository by clicking the plus at the top right git remote add origin <url of your repo online> echo "<short project description>" >> README.md # optional, you can also do this later or write a longer one in a text editor git status # see that there is a new untracked file git add README.md # track that file git status # see that the file is now tracked git commit -m "first commit - adds readme" # commit to the state of your project git log # see the (short) commit history of your project git push -u origin main # push your local version to the cloud # refresh your browser and see your online remote version has been updated # write some code git status # see the new code you have written is untracked git add <file(s) you want to track> git status # see the new file(s) are now tracked git commit -m "<brief message about what has changed in/been added to your project>" # commit to the new state/version git log # see your growing history git push # push your new stuff to the cloud # switch to a new computer / accidentally delete your local copy cd ~/code git clone <url of your repo online> cd <project-name> # commit some things in another version of the project, or using the online Github editor git pull # get those changes in your local version # can't pull because of local changes? git stash # or if those changes are not important git checkout <file path> # WARNING changes will be lost forever, be certain! git stash pop # recover stashed changes # changed your mind about a commit? git reset head^ # if the commit has not been pushed yet git revert <commit sha> # if the commit has been already pushed. use 'git log' to get the SHA (random string of characters which identifies the commit) # work from a new branch git checkout -b <new-branch-name> git push origin <new-branch-name> git checkout main git merge <new-branch-name> git branch -d <new-branch-name> # delete local git push origin --delete <new-ranch-name> # delete remote
Part 1: Setup
Type the following into your terminal and press Enter:
If that returned something like
command not found, you can download and install git here.
Sign up for Github if you have not already done so, and complete their beginner’s guide.
Run the following two commands to save your login information to your computer. Every time you “push” (save) code to git, these credentials will be used to identify you. (The things in caps are placeholders, please use your actual information.)
git config --global user.email "YOUR EMAIL ADDRESS" git config --global user.name "YOUR GITHUB USERNAME or ACTUAL NAME"
ssh-keygen -t rsa -b 4096 -C "YOUR EMAIL ADDRESS". (Hit return to any prompts until complete.) This generates two files:
id_rsa. These essentially act as a lock and key which can be used to ensure that only you can save your work in your user area on Github.
- Start the SSH agent with
eval "$(ssh-agent -s)". (SSH is a form of security) (This turns on the program which is going to manage your ‘key’.)
- Give your ‘key’ to the
Copy your public key to the clipboard:
# either pbcopy < ~/.ssh/id_rsa.pub # or cat ~/.ssh/id_rsa.pub | pbcopy # these commands are the equivalent of looking at the file and pressing <Command-C>
- Login to Github in a browser. Go to
Settings > SSH and GPG keys > New SSH key / Add SSH key. (This is setting up the ‘lock’ in Github.)
- Fill in the form fields with a name and your copied public key and click save.
Part 2: Create your project locally
Your project will exist in two locations: the
local version and the
version. The local version is the one which exists on your computer. The remote
is the version stored in the cloud on Github.
So let’s begin by opening
terminal, and creating the local version.
Chose a place on your computer to create your project. Most coders tend to keep all their projects inside a directory called either
workspace. This directory is usually in their user
homedirectory. If you already have a directory to store all your projects you can skip ahead to step 2.
You can get to your
homedirectory by running
cd ~or simply
cd. When you are there you can run
lsand you should be able to see the folders you are used to seeing in
When you have decided on the name to call you main coding directory, create it and change into it.
mkdir code cd code
Now we have a dedicated folder to store all our projects in, we can go ahead and create a directory for our first project. We are going to be creating a simple
hello-worldterminal program, so let’s call our project that:
mkdir hello-world cd hello-world
pwdto check that you are in the right place. You should see
Next we want to use
gitto track this project as we build it. It’s best to do this from the start. Run
git initand you should see
Initialized empty Git repository in /Users/<your-name>/code/hello-world/.git/.
note: It is important that you always check that you are in the right place before you start working with git. Use
pwdto see you are in the correct project directory, and then
lsto ensure that only the files that are related to that project are visible. (There should be none if you have only just created that directory.) Any files in that directory could end up being stored publicly in the cloud, so take care not to include anything which is sensitive or private.
Part 3: Create the remote version
Now you need to setup the corresponding project in the cloud.
- Open your browser and go to Github.
- Once you have logged in, click the plus sign at the top right of the page,
New repositoryat the top of the drop down.
- In the
Repository namesection write
And that’s it. Now we need to link the local and the remote.
Part 4: Connecting the two
After we clicked
Create repository, Github gave us a helpful list of commands
to run, so that is what we are going to do. As this is not an existing repo,
but a brand new one, we are going to use the commands suggested in the first
section. Note: We are going to be running these commands in a slightly
different order, so don’t go copying and pasting the whole lot.
Creating the link between the local and the remote is very easy: you simply need to give the local version the URL of the remote version. (You can copy and paste the URL from the 5th line of the commands which Github gives you.)
git remote add origin https://github.com/YOUR_USERNAME/hello-world.git
What is this command doing? The
addare self-evident, given we are trying to add a link to a remote repository.
originhere is the shorter name that your computer will use to identify that the remote repository the URL points to is the main (original) version of this project.
If you run
git remote -v, you’ll see that your project URL is saved with the
Part 5: First commit
The first thing we are going to do is create a README.md. READMEs are a very old convention in computing and the clue to what they do is in their name. Every project comes with a file which in big, eye-catching capitals, invites users of the program to read the file first, before trying to use it. This was very important back in the 60s and 70s when computers were instructed by punch cards and the whole process of getting a computer and program to run was very involved and laborious: you needed a good set of instructions. We still use READMEs for the same thing today. They serve as descriptors and introductions for projects and what they do, and offer instructions for how to run and use the program. On Github, the README.md always serves as the landing page in a repository.
As our project is not really going to be doing much, we are just going to create a short README explaining what it does. We can create a new file and write to it with just one command in the terminal. Github is telling us how to do that with
echo "# hello-world" >> README.md). We saw the
echocommand when learning about the command line: it is a command which can print words in the terminal. In this command, however, we are telling it that instead of just repeating the word back to us in the terminal, we would like to write that line into a file. If the file does not exist it will create it, and if it does exist, it will append the line to the end of the file. (to overwite an existing file completely we would switch
So we are going to use
echoto create a file with just one line in it:
echo "# learning about git" >> README.md
Now that we have created the first file in our project, we want git to track it.
If you run
git status, you should see that git is aware of a new file in the directory, but that it is still
untracked. Git has given us a hint as to how we can start tracking files:
use "git add" to track.
So let’s add our README:
git add README.md
Now when we run
git statusagain, we can see that (this time in green), git knows that we want it to track a new file.
But we are not done yet. Git knows that we want to track this file, but we haven’t yet confirmed that we want to
committo this version and save the current state. Are we happy that our project is in a good state that we want to share with the world?
Right now we just have a README so we don’t have much to consider, although if you want to change your README, you can open it up, write more, and run
git addagain. (You have to run
git addwhenever you change a file or git won’t save those alterations for you.)
Our README is in a good enough state, so now we are going to commit to that. When we make a
commitwe have to add a clear, concise message about what is new about this version or state. This is very useful when going back over the history of a project. Coders have to read old commit messages every day to quickly figure out what a section of code does and why it was written.
To commit your README run:
git commit -m "first commit, adds readme"
After that run
git log. You should see that today, you made your first commit in which you added a README.
Part 6: Pushing to the cloud
Now we need to make the remote version match the local version. To do that, we have to
pushour commits to our remote:
git push -u origin main
We know what
originmean, but what are
main? Let’s start with
main. If you run
git branch, you should see
* main. The git workflow is based entirely around branches. Every project has one main branch,
main: this is the version of your project which must always be kept in a fully working state. You should never commit broken or in-progress code to
If you have any new ideas, or experiments you want to test out, they should be built on a parallel branch. This branch is based upon
mainbut will not affect it, meaning that people who come to your project will have access to a working version you can be proud of. Branches are also useful for when you don’t quite have time to finish something that day, but you still want to save your work for later.
When your experiments work out, or you finish that new idea, you can pull those commits onto
main, and carry on normally.
We will go over how to work with more branches later; for now let’s just stick with
upstreamversion is the main source of your project. You may think the main source is your computer but no. As your project is publicly viewable, and as you may spill coffee on your computer at any moment, the main remote repo is the
upstream. Your computer holds a
downstreamversion. The work you do is done
downstreamand is then pushed to the official
upstream. A project can have many
downstreams, and this is how many people can collaborate on the same project: by regarding the
upstreamas the source.
Once you have pushed, you can go back to Github and refresh that new project page. You should see your README instead of the git commands.
Congratulations! You have set up your project and are now ready to get to work.
Part 7: Writing and publishing our first program
We are going to be writing some actual code now, and learning some more about the command line and how your computer runs programs.
- Complete the first Hello World exercise.
- When your
helloprogram is working (i.e. you can run
./helloin the terminal and see
Hello World!printed back to you), run
git status. You should see that there is a new untracked file in your project.
git add helloto track your program.
git statusagain to verify that it is being tracked.
git commit -m "new 'hello' program - says Hello World"to commit your new project state.
git logto see your growing project history.
Finally we can run
git pushto send our code to the remote version.
Note: this time we did not need to run the push command with
-u origin main. That is because git stored the information about which upstream branch this local one is mapped to. From now on, for this branch, all we need to say is
- You can now navigate to the online repo in your browser, and see your
Part 8: Taking notes
Since we are learning new things, it would be handy to use the README of our repo
to document what we have learned after each section. The
.md extension stands
for markdown and you can learn how to render documentation using markdown here.
- Open your README.md in a text editor.
- Summarise what you have learned so far.
Commit and push your changes.
git add README.md git commit -m "update readme: parts 1 to 8 notes" git push
From now on, for every project or tutorial you do, take notes on what you learn like this so that you keep them together with the code you write.
Part 9: Getting a copy of your work from the cloud
So, your shiny new program is now safely stored in the cloud. But what if you want to carry on working
from a different computer? What if you want to work on it with a friend and they need a copy? What if
you accidentally erased your entire
~/code directory and need to get all the contents back again?!
(Full disclosure: I do that last one a lot!)
For this we use
git clone which does pretty much what you would expect: it creates a clone of project from the cloud
at the point you tell it to. If you don’t have another computer to test this on don’t worry, you can have as many copies
of the same project as you like, so we will just clone to your current computer.
If you feel confident, and have committed and pushed everything, you can follow the steps in section A, if not please go to section B just below.
- Move out of your project directory.* If you run
pwdyou should see
/Users/<your name>/code/hello-world, so to move out type
cd ... If you run
pwdnow you should see that you are in
/Users/<your name>/code. If you get lost, you can always find your way back by using
- Delete your
hello-worldproject. Yes, I mean it. Type
rm -rf hello-world. When you run
lsyou should see that
hello-worldno longer exists.
But that’s fine! We can get it back: in your web browser, navigate to your project on Github and copy the URL. Then from within our
codedirectory we run:
git clone https://github.com/<YOUR USERNAME>/hello-world
- Now when you run
lsagain, you should see that
B) If you are not sure about deleting your project, you can leave it where it is and simply clone it to another location on your computer.
- Move out of your
cd ... If you run
pwdyou should see
- We are going to create a temporary place to clone this copy, so that we don’t get it confused with the other one we have.
Make a new temporary directory and move into it:
mkdir temp && cd temp.**
In your web browser, navigate to your project on Github and copy the URL. Then from within our
tempdirectory we run:
git clone https://github.com/<your username>/hello-world
- Now when you run
ls, you should see that
hello-worldis now here.
You can run the following to see how many copies you have on your computer and where they are:
find ~ -name hello-world # you can google to see how 'find' works
And it’s that easy! Since we only need one copy, we can delete our new one and the temporary directory we made:
cd .. rm -rf temp
* Always ensure that you are not cloning repos into other repos. There is sometime a need and a way to do this, but it is far beyond the scope of this tutorial. For now: always check where you are before you clone!
** We could have cloned this without creating a temporary directory by simply passing a destination argument to our command:
git clone <URL> hello-world-2. This would have instructed git to clone the project in a directory named as
the argument, git will create a directory with the same name as the repo in your Github.
Part 10: Pulling updates from the cloud
Now that you know you can work on your projects from other computers you are probably wondering: but how do I keep them all in sync?
This is where
git pull comes in.
As we have discussed in Part 6, the “source of truth” for your projects is always the
upstream version stored on Github. You should always
therefore aim to ensure your local version is lined up with the remote version before you start adding new commits.*
* We will cover what to do if they become misaligned later.
- First make sure that any commits you have locally are pushed and that you have no other uncommitted changes.
- Navigate to your Github project in a web browser.
- Select your
README.mdfrom the list of files.
- At the top right of the file, there are 3 icons: a computer, a pencil, and a trash bin. Click the pencil.
This will put us into an edit mode. (Yes we can edit files on Github itself! I would not recommend doing this for actual
code changes, however, as there won’t be any syntax highlighting. For markdown it can be helpful, since there is a useful
- Add a line or two at the bottom of the file. Perhaps noting what you learned in the previous section, or just a test line which you can remove later: it is not important.
- In the
Commit changessection, a commit message has already been templated for you. You can change this or simply leave it as “Update README.md”.
- Click the green
- Click on the
<> Codetab at the top left, under your repo name. Underneath, there should be a link to your commits with a number indicating how many you have done. Click this, and on the next page you will see your last “Update README.md” is at the top.
- Now back in your terminal, ensure you are in your project directory with
git log. You should see that your local version is missing that latest commit. If your logs are quite long, you will need to hit
- Now we can pull down the latest commits simply by running
git pull. If this fails, it may be because you have local uncommitted changes, or because you are not in a git repo. Make sure you are in the right place with
git stashto save any local changes to be dealt with later. If they are not important changes, you can clear them alltogether with
git checkout ..
- Now if we run
git logagain, we can see that our local version is now up to date with the remote.
- If you stashed any changes, you can now get them back with
git stash pop. Hopefully this will go smoothly and you will be able to consider and commit those changes as normal. If you see an error along the lines of
git stashthem again and you will learn how to resolve those conflicts in a later section.
If you would like to play around more, you can follow the steps in Part 9 Section B above, and take it in turns to commit and push something in one project version and then pull down to another project version. Or if you do have two computers, try pushing and pulling commits between them!
Don’t forget: you will have to always push to and pull from the remote version on Github. It is possible to set your upstream to be a version on a personal computer but that is not in scope for this tutorial, which is about interacting with git via the cloud.
Congratulations! You now know about basic project management. Keep going to learn more :).
Bonus points section! (More complex git flow)
Part 11: Creating a work in progress branch
Let’s add a new feature to our “Hello World!” program: right now it only greets the world, but it would be cool if it could say hello to specific people.
- Move back to your
- Complete the second Hello World exercise.
git status. It should say that your
hellofile has changed.
This time, we are not going to commit to
main. Our “Hello World!” program is in an unfinished state: it can’t say hello to the world anymore, just to whichever arg is passed on the command line.
When you have a project which others may be using (an app or a computer program) it is generally bad form to completely change from the original functionality.
Imagine if a website you use often were completely to change the way it wanted users to interact with it. You would probably be pretty frustrated, since the reason you use that site so often is because you like the way it works and know how to.
So, developers have to ensure that when they add new functionality, their users experience no disruption in their usual service. If there is a grand plan to overhaul the whole thing, it must be done incrementally, usually by inviting users to try out the new system without removing the old.
This means that when we made our
helloprogram say hello to just one person at a time, we broke that contract with our users. Our new feature is still a work in progress so we should not push it to
Of course, we could just jump right in and fix it so that both the original feature and the new work perfectly together, but then we would learn nothing about branch workflow. Branches (along with Pull Requests) are also how coders contribute to others’ repos.
Let’s pretend that it’s the end of the day and we want to go home, or that we have to run off to a very important meeting. We still have work to do but we want to ensure that what we have done so far is saved somewhere we can’t spill coffee on it.
So in order to not pollute the
mainbranch, we are going to push to a wip (work in progress) branch.
Create your new branch by running:
git checkout -b wip-hello-name
Your computer should return
Switched to a new branch 'wip-hello-name'.
checkoutis the instruction to switch branches, and
-btells git to create a new branch if the one you are switching to does not already exist.
Now you can add and commit to your wip branch safely away from the main branch:
git add hello git commit -m "say hello to person"
Push your branch to Github. (We have to be clear which branch we are pushing to here, as we haven’t told Github to track this one.)
git push origin wip-hello-name
If you go to your Github repo in your browser now, you’ll see that your
mainbranch has no record of your ‘wip’ commit. But, if you click on the
Branch:dropdown button to the left, and switch to your
wip-hello-namebranch, you should see that this branch has your new experimental changes.
Before we finish this section, you may want to update your README to document what you have learned. Don’t forget to commit and push afterwards:
git add README.md git commit -m "how to create a branch" git push origin wip-hello-name
Part 12: Merging branches
Now let’s finish our new feature and merge everything back into
- Complete the third Hello World exercise.
Once your program is able to say hello both to one person and the world, commit your changes and push to your ‘wip’ branch:
git add hello git commit -m "say hello to person and world" git push origin wip-hello-name
Again, if you go to your repo online, you will see that
mainhas no record of your 2 commits but
wip-hello-namedoes. Now we need to get the ‘wip’ work into
main, for all your users to enjoy.
You can also see which commits are on which branch from the command line. From your
wip-hello-namebranch, you can run
git logand see your two ‘wip’ commits as well as your original commits which you did on
Switch back to the
git checkout main(you do not need the
-bthis time as the branch already exists) and run
git logagain. You should see that
mainonly has the commits you made before you started working on the new feature.
To merge those commits into
main, we need to run:
git merge wip-hello-name
This may open a merge commit message in the Vim text editor in your terminal. To quit Vim, type
:wq. If unpredictacble things start to happen while in Vim, press the Escape key first, and then
:wq. (You can learn more about how to use the Vim text editor by typing
vimtutorinto a new terminal window.)
Now if we run
git logagain, we see that
mainnow has the commits we made on
wip-hello-name. We can now push our new feature on
mainis up to date we can delete both our local and remote versions of
git branch -d wip-hello-name # delete local git push origin --delete wip-hello-name # delete remote
- Don’t forget to update your README with what you have learned.
Part 13: Dealing with merge conflicts
What is a merge conflict? Merge conflicts happen when you have two commits which made a change at the exact same line in two separate versions.
When you try to
git pull, git will need your help to figure out which version you are serious about. Usually even when several
people are working on the same codebase, few are rarely working on the exact same section simultaneously, but it can happen.
We are going to deliberately create a merge conflict so we can understand how to fix it.
- First make sure your local is up to date with your remote: ensure any commits are pushed and that you have pulled any changes made remotely or in another version.
- In your web browser, navigate to your
README.mdand click on the edit button (see the first few steps of Part 10 if you need a refresh).
- Edit the first line of the file. It doesn’t matter what you type, just make it different.
- Click the green
- Do NOT pull the changes locally.
- Now, open your local version of your
README.mdin a text editor and edit the exact same first line as you did in the browser. This time you may want to make a change you would be happy to keep (we will have to keep one of these versions, this may as well be it).
- Add and commit your changes.
And now we can run
git pullin the terminal. The last few lines of git’s output should be something like:
CONFLICT (content): Merge conflict in README.md Automatic merge failed; fix conflicts and then commit the result.
git status. The output is telling us that the local and remote versions have diverged, and that each has one commit which the other doesn’t. It is telling us that both have modified the
README.mdfile. We have to fix the conflicts and commit the changes we do want.
- Open your
README.mdin a text editor. It’s probably not how you left it in either version, and it may be a little confusing to read, but with practice it is possible to understand:
<<<<<<< HEAD the changes you made locally are highlighted here, they are the HEAD (ie the latest point) at which your local version sits ======= the changes you made elsewhere are highlighted here >>>>>>> somenonsenseshaheredontworryaboutit
Now you have to decide which commit you actually want to keep. Simply delete the line(s) you don’t want, and also any line with
- Once your
README.mdis back in a readable state, save the file, run
git addand then
git commitwithout any message. For this commit, as it did for the branch merge in the previous part, git will open vim. Type
:wqand then enter to exit vim.
- If you try to pull now, it should say
Already up to dateand you should now be safely able to push.
This is a very simple example of a merge conflict dealing with just one line in one file. Huge conflicts can happen with multiple files and many lines, and they can be quite confusing to sort out, but by following the pattern above they are manageable. Always remember to read the git message: more often than not, git will tell you what to do.