Source Code Management by Git, Github and SourceTree

How to Work Using Git with Visual Studio Code and SourceTree for Bitbucket Online Repository

Introduction

This guide provides a step-by-step tutorial on how to set up and use Git with Visual Studio Code (VS Code) and SourceTree for managing projects in a Bitbucket Online Repository. Whether you're a beginner or an experienced developer, this documentation will help you efficiently use these tools for version control and collaboration.

Prerequisites

Before getting started, ensure you have the following installed on your computer:

• Git: Download and install Git

• Visual Studio Code: Download and install  VS  Code.

• SourceTree: Download and install from Source Tree

• Bitbucket Account: Create an account on Bitbucket

Setting Up Git with Visual Studio Code

Step 1: Install and Configure Git

1. Install Git by downloading it from the official website.

2. Open Command Prompt (Windows) or Terminal (Mac/Linux) and verify the installation by running:

git --version

1. Configure Git with your details:

git config --global user.name "Your Name"

git config --global user.email "your-email@example.com"

1. Verify the configuration:

git config --list

Setting Up Bitbucket Repository

Step 1: Create a Repository on Bitbucket

1. Log in to Bitbucket and navigate to the Repositories tab.

2. Click Create repository.

3. Fill in repository details (name, description, version control system as Git).

4. Click Create repository.

Step 2: Clone the Repository Using Git

1. Copy the HTTPS or SSH repository link from Bitbucket.

2. Open VS Code and open the terminal (Ctrl + ).

3. Navigate to the directory where you want to clone the repository:

cd path/to/your/directory

1. Clone the repository:

git clone from Bitbucket repository

1. Navigate into the cloned repository:

cd repository-name

Setting Up SourceTree for Bitbucket

Step 1: Install and Configure SourceTree

1. Open SourceTree and log in with your Bitbucket account.

2. Click Clone/New to clone an existing repository.

3. Paste the Bitbucket repository URL.

4. Choose a local directory to save the project.

5. Click Clone to download the repository.

Step 2: Link SourceTree with Git

1. Open SourceTree and go to Tools > Options.

2. Under the Git tab, make sure Git is correctly detected.

3. Set up SSH keys for secure authentication (if using SSH).

Working with Git and SourceTree

Checking the Repository Status

To check the current status of your Git repository, use:

git status

Staging and Committing Changes

1. Open VS Code and modify any file in your repository.

2. Use Git to add files to the staging area:

git add filename.ext

1. Commit changes with a message:

git commit -m "Updated file"

Pushing Changes to Bitbucket

To push local commits to the Bitbucket repository:

git push origin main

Pulling Updates from Bitbucket

To sync your local repository with the latest changes from Bitbucket:

git pull origin main

Using Branches in SourceTree

1. Open SourceTree and navigate to your repository.

2. Click Branch to create a new branch.

3. Enter a branch name and click Create Branch.

4. Make changes in VS Code and commit them using SourceTree.

5. Push the branch to Bitbucket using Push.

Merging Branches in SourceTree

1. Checkout to the main branch by clicking on master/main.

2. Click Merge and select the branch you want to merge.

3. Resolve any merge conflicts if prompted.

4. Click Commit and then Push the changes to Bitbucket.

Using Git Integration in Visual Studio Code

Committing Changes in VS Code

1. Open the Source Control panel (Ctrl + Shift + G).

2. Click + to stage changes.

3. Write a commit message.

4. Click Commit to save changes locally.

Pushing and Pulling in VS Code

• Click on Sync Changes or use the command palette (Ctrl + Shift + P) and type Git: Push or Git: Pull.

Conclusion

Congratulations! You have learned how to set up and use Git with Visual Studio Code and SourceTree for managing repositories on Bitbucket. You can now efficiently manage your code, collaborate with teams, and maintain version control for your projects. Keep practicing and explore more Git features to enhance your workflow!

Learn SourceTree and Git for Bitbucket Using Visual Studio Code

Introduction

This tutorial provides a step-by-step guide on how to use SourceTree and Git for managing repositories in Bitbucket while working with Visual Studio Code. SourceTree is a Git GUI that simplifies repository management, making it easier for developers to visualize, commit, and push changes without using the command line.

Prerequisites

Before getting started, ensure you have the following installed:

• Git: Download and install from Git Official website.

• SourceTree: Download and install from SourceTree Official website. 

• Bitbucket Account: Create an account at bitbucket

• Visual Studio Code: Download and Install from VS Code Official website.

Setting Up SourceTree with Bitbucket

Step 1: Install and Configure SourceTree

1. Download and install SourceTree.

2. Open SourceTree and sign in with your Bitbucket account.

3. Set up Git by selecting Tools > Options > Git and ensure that Git is installed and configured.

4. Set your global Git username and email:

git config --global user.name "Your Name"

git config --global user.email "your-email@example.com"

Step 2: Clone a Repository from Bitbucket

1. Log in to Bitbucket and navigate to the repository you want to clone.

2. Click Clone and copy the repository URL.

3. Open SourceTree, click Clone Repository, and paste the URL.

4. Select the destination folder on your computer and click Clone.

5. Open the cloned repository in Visual Studio Code:

cd path/to/your/repository

code .

Creating a New Repository and Connecting to Bitbucket

1. Open SourceTree and click New Repository.

2. Choose a local folder and initialize it as a Git repository.

3. Create a new repository in Bitbucket and copy the repository URL.

4. In SourceTree, go to Repository Settings and add the Bitbucket repository as the remote origin.

5. Open the terminal and push the initial commit:

git push -u origin main

Using SourceTree for Git Operations

Staging and Committing Changes

1. Open SourceTree and navigate to your repository.

2. Make changes to your files in VS Code.

3. Go to SourceTree, where you will see the modified files in the File Status tab.

4. Click Stage All or select individual files.

5. Enter a commit message and click Commit.

Pushing Changes to Bitbucket

To push committed changes to Bitbucket:

1. Click Push in SourceTree.

2. Select the branch you want to push.

3. Click OK to upload the changes.

Pulling Updates from Bitbucket

To synchronize your local repository with the latest updates:

1. Click Pull in SourceTree.

2. Select the remote branch you want to pull from.

3. Click OK to fetch and merge changes.

Creating and Merging Branches

1. Click Branch in SourceTree and enter a new branch name.

2. Switch to the new branch by double-clicking it.

3. Make changes in VS Code, then commit and push them.

4. To merge the branch back into main, switch to main, click Merge, and select the feature branch.

5. Click OK and push the merged changes to Bitbucket.

Resolving Merge Conflicts

1. Open SourceTree and identify conflicting files.

2. Open the files in VS Code and manually resolve conflicts.

3. Stage the resolved files:

git add filename.ext

1. Commit the resolution in SourceTree.

2. Push the changes to Bitbucket.

Conclusion

By following this guide, you have learned how to:

• Install and configure SourceTree with Bitbucket.

• Clone, create, and manage repositories.

• Perform Git operations like commit, push, pull, and merge using SourceTree.

• Use Visual Studio Code for editing and managing files.

You are now ready to use SourceTree and Git efficiently for Bitbucket repository management!

How to Work Using Visual Studio Code Editor + Git + Windows PowerShell for Bitbucket Tutorial

Introduction

This guide provides a step-by-step tutorial on how to use Visual Studio Code (VS Code), Git, and Windows PowerShell to manage repositories on Bitbucket. By the end of this tutorial, you will be able to initialize Git repositories, push code to Bitbucket, and manage version control efficiently.

Prerequisites

Before you start, ensure you have the following installed on your computer:

• Git: Download and install from Git Official Website.

• Visual Studio Code: Download and install from VS Code  Official Website.

• Bitbucket Account: Create an account on bitbucket

• Windows PowerShell: Pre-installed on Windows (ensure it's updated to the latest version)

Setting Up Git with Visual Studio Code & PowerShell

Step 1: Install and Verify Git

1. Download and install Git .

2. Open PowerShell and verify the installation by running:

git --version

This should return the installed Git version.

Step 2: Configure Git

1. Set your username:

git config --global user.name "Your Name"

1. Set your email:

git config --global user.email "your-email@example.com"

1. Verify the configuration:

git config --list

Cloning a Bitbucket Repository

1. Log in to Bitbucket and create a new repository.

2. Copy the repository URL (HTTPS or SSH).

3. Open PowerShell and navigate to your desired directory:

cd path/to/your/directory

1. Clone the repository:

git clone bitbucket repo-

1. Open the cloned repository in VS Code:

cd repository-name

code .

Creating a New Git Repository in VS Code for Bitbucket

1. Open VS Code and navigate to your project directory.

2. Open PowerShell in VS Code (use `Ctrl + Shift + `` shortcut).

3. Initialize Git:

git init

1. Add all project files to Git tracking:

git add .

1. Commit the files with a message:

git commit -m "Initial commit"

1. Add the remote Bitbucket repository:

git remote add origin bitbucket-repo

1. Push the local repository to Bitbucket:

git push -u origin main

Working with Git in VS Code Using PowerShell

Checking Repository Status

To check the current state of your repository:

git status

Staging and Committing Changes

1. Add specific files:

git add filename.ext

1. Add all files:

git add .

1. Commit changes:

git commit -m "Your commit message"

Pushing Changes to Bitbucket

To push local commits to the Bitbucket repository:

git push origin main

Pulling Updates from Bitbucket

To sync your local repository with the latest changes from Bitbucket:

git pull origin main

Creating and Switching Branches

1. Create a new branch:

git branch feature-branch

1. Switch to the new branch:

git checkout feature-branch

1. Merge the branch into the main branch:

git checkout main

git merge feature-branch

Resolving Merge Conflicts

1. Open VS Code and check conflicting files.

2. Manually resolve conflicts by choosing which changes to keep.

3. Stage the resolved files:

git add filename.ext

1. Commit the resolution:

git commit -m "Resolved merge conflict"

1. Push the changes:

git push origin main

Using the Git Integration in VS Code

Committing Changes in VS Code

1. Open the Source Control panel (Ctrl + Shift + G).

2. Click + to stage changes.

3. Write a commit message.

4. Click Commit to save changes locally.

Pushing and Pulling in VS Code

• Click on Sync Changes or use the command palette (Ctrl + Shift + P) and type Git: Push or Git: Pull.

Conclusion

Congratulations! You have successfully learned how to use Visual Studio Code, Git, and Windows PowerShell to manage repositories on Bitbucket. You can now efficiently track changes, collaborate with others, and maintain version control for your projects. Keep practicing and exploring additional Git features to enhance your workflow!