Git Reference Sheet - CI256

Git Reference Sheet

The class git server is available at https://git.ci256.cloud.

You’ve been assigned a username and password which should be in your email. You’ll use this email/password combination each time you pull from or push to the server using git.

Your personal repository will be at the url https://git.ci256.cloud/2025/USERNAME.git

Example, if your username is bdavis, your url is https://git.ci256.cloud/2025/bdavis.git

Git in VSCode

You can use git straight from VSCode! This can be helpful for adding, committing, and pushing your changes to the server.

Running the Project Locally

To run the project locally, follow these steps.

Run all commands from the project directory - ex, cd ci256-project

Update the project with git pull

If you made an update in class or another computer, and you want to sync the updates to your current computer, use the command git pull from inside the project directory. This will fetch any changes on the remote system and sync them onto your local system. You should see a message like this:

remote: Enumerating objects: 93, done.
remote: Counting objects: 100% (91/91), done.
remote: Compressing objects: 100% (65/65), done.
remote: Total 66 (delta 54), reused 0 (delta 0), pack-reused 0 (from 0)
Updating 95c524c..d38853b
Fast-forward
 .markdownlint.yml                                  | 33 ++++++++++++++++++++-------------
 README.md                                          | 38 +++++++++++++++++++-------------------

Ensure dependencies are up to date

Run npm install to ensure your dependencies are up to date.

Start the project

Start the project by running the command npm run dev. This will start the development server for you and make the app available on localhost.

NOTE: Pressing “ctrl+c” in the terminal will cancel the current command, not copy! You can use right click or ctrl+shift+c to copy, or manually go to http://localhost:5173 in the browser.

NOTE: Do NOT add an “s” to the url.

Wrong: https://localhost:5173 ^

Correct: http://localhost:5173

Saving Project Changes

To save your project to the git server, you’ll need to “commit” your code and “push” to the remote server.

Execute this every time you’re done working on the project. You can’t make too many commits!

There are three steps:

  1. “Stage” your changes in git with the command git add .
    1. Pro Tip: you can use git status to see what files are staged and unstaged/untracked
  2. Commit your files with git commit -m "updated files" to save the state of your files to git.
    1. It’s recommended to replace the text “updated files” with a one-line description of your changes, but not required.
  3. Finally, run git push to sync your local changes with the remote server.
git add .
git commit -m "updated files"
git push

Setting up the project on your local system

Depedencies

Ensure that you have the following dependencies installed on your system:

Download the Project with git clone

Note: This is only needed once on your local system, but every time you come into class on the lab systems.

LAB SYSTEMS: You’ll need to run this every class. Clone the repo to your Desktop, your H drive will give you a bad time!

  1. Shift + Right Click on the Desktop
  2. “Open Git Bash Here”

If you already have the repo on your local system, check out the section “Updating a Repository” instead.

Use the git clone command to download your project (repo) from the server. Remember to replace USERNAME with your actual username!

git clone https://git.ci256.cloud/2025/USERNAME.git ci256-project

After cloning your project repo to your system, you’ll want to be sure to install the required dependencies.

cd ci256-project
npm install