← Back to all posts

Tutorial Menggunakan Git di Visual Studio Code (VS Code)

2 min read
git
vscode
tutorial
version
control
beginner
Tutorial Menggunakan Git di Visual Studio Code (VS Code)

Berikut ini adalah panduan langkah demi langkah untuk menggunakan Git langsung dari Visual Studio Code:


1. Cek Apakah Git Sudah Terpasang

Sebelum mulai, pastikan Git sudah terpasang di komputer:

  1. Buka Command Prompt atau Terminal.
  2. Ketik perintah:
    git --version
  3. Jika muncul versi Git, berarti sudah terpasang. Jika belum, unduh dan install Git dari git-scm.com.

2. Cek Konfigurasi Git (Username dan Email)

Git perlu tahu siapa kamu untuk mencatat perubahan yang kamu buat.

  1. Buka terminal atau Command Palette (Ctrl+Shift+P di VS Code).
  2. Jalankan perintah:
    git config --global user.name
    git config --global user.email

3. Jika belum diatur, atur dengan:

git config --global user.name "Nama Kamu"
git config --global user.email "email@example.com"

3. Login GitHub di VS Code

  1. Buka Command Palette (Ctrl+Shift+P).
  2. Ketik dan pilih: GitHub: Sign in.
  3. Ikuti instruksi login ke akun GitHub kamu.

4. Buka Folder Proyek

  1. Buka Visual Studio Code.
  2. Pilih menu File > Open Folder....
  3. Pilih folder proyek kamu.

5. Inisialisasi Git

Jika folder belum menjadi repositori Git:

  1. Buka panel Source Control (icon Git di sidebar kiri).
  2. Klik tombol Initialize Repository.

6. Commit inisialisasi ke git

  1. isi commit message dengan perubahan yang relevan, misal "membuat file baru"
  2. klik Commit
  3. Jika belum ada repository maka akan tombol Publish Branch
  4. klik publish branch

7. Lakukan Perubahan dan Commit

  1. Ubah atau buat file di folder proyek.
  2. Di panel Source Control, akan muncul file yang berubah.
  3. Masukkan pesan commit di kolom atas.
  4. Klik ikon centang (✔️) untuk commit.

8. Sinkronkan Perubahan ke GitHub

  1. Klik tombol Sync Changes di bagian bawah kiri VS Code.
  2. Atau jalankan perintah:
    git push

Selesai! Kamu sudah berhasil menggunakan Git langsung dari Visual Studio Code 🎉