Introduction to SourceTree

This page will give you a brief guide on the SourceTree User Interface. It is color coded to tell you what it's referring to

Main Interface

SourceTree Main View
  1. Top sidebar (see Sidebars)
  2. Left sidebar (see Sidebars)
  3. Staged files: Files that are staged for commit
  4. Unstaged files: Files that have been modified and is different from the current branch
  5. Diff of highlighted files
  6. Commit box: Fill up your commit message, the commit button and a checkbox to auto push commit after committing your changes

SourceTree Code History View
  1. History of all commits in the repository
  2. Staged/Unstaged files list (See first picture)

Sidebars

SourceTree Tool Bar
  1. Button to Push, Pull or Fetch commits respectively
  2. Branch button to create a new branch
  3. Stash button: This is used to save your changes that you have made temporarily if you do not wish to commit it first
  4. Add a new tab (if you have more repositories to clone or access)
  5. Button to access the Git terminal and view your repository in File Explorer respectively

SourceTree Sidebar
  1. Branches currently on your local machine for you to switch to
  2. Branches found on GitHub /GitLab for you to checkout (download to local machine)
  3. Stashes found on your local machine (you can right click to apply stash to reapply the changes you made back to the repository)