author Ahmad Muhardian

Menggunakan Git pada Visual Studio Code (Lebih praktis!)


Git Vscode

Saya suka VS Code karena di sana ada fitur untuk menggunakan Git dengan cara yang lebih praktis.

Bahkan ada yang bilang:

Hanya dalam kurang dari 15 detik, kita sudah bisa melakukan push.

Ini memang benar. Saya sudah buktikan.

Sekarang saya akan mengajak kamu mencobanya juga.

Tapi, harus paham konsep dasar Git terlebih dahulu dan sudah menginstalnya di komputer.

Untungnya saya sudah pernah menulis tutorialnya:

Setelah itu, baru kita bisa mulai menggunakan Git pada VS Code.

Pertama-tama, kita harus memiliki project yang akan dijadikan repository Git.

Ini adalah project yang akan saya jadikan repository Git di VS Code:

Project Rest API menggunakan Slim Framework

Project Rest API menggunakan Slim Framework.

Silahkan gunakan project-mu sendiri.

Membuat Repository Git di VS Code

Silahkan klik ikon Git untuk membuat repositori baru.

Membuat Repositori Git di VScode

Setelah itu, akan muncul jendela untuk menentukan lokasi inisalisasi. Langsung saja klik Initialize Repository, karena kita sedang berada di direktori project.

Membuat Repositori Git di VScode

Maka akan muncul angka pada ikon Git di bagian samping.

Langkah berikutnya menambahkan file .gitignore, karen pada project ini saya ingin mengabaikan beberapa file dan direktori.

Silahkan buat file .gitignore lalu isi dengan nama file atau direktori yang ingin diabaikan oleh Git.

Sebagai contoh:

Membuat File Gitignore

Saya mengisinya dengan vendor, karena direktori ini berisi library dari pihak ketiga yang tidak akan pernah saya ubah isinya.

Setelah itu, silahkan masuk lagi ke Git dan refresh.

Refresh repository Git

Terdapat beberapa file yang belum tersimpan ke dalam database Git.

Di bagian sampingnya terdapat simbol “U” (untracked), ini menandakan file tersebut belum dimasukkan ke Git.

Simbol Git di VS Code:

  • U artinya Untracked adalah file yang belum pernah dimasukkan ke dalam Git (file baru).
  • M artinya Modified adalah file yang sudah dimasukkan ke dalam database Git dan sudah pernah dimodifikasi.
  • D artinya Deleted adalah file yang dihapus.
  • A artinya Added adalah file yang ditambahkan ke dalam mode staged.

Menyimpan Revisi

Sekarang mari kita coba membuat commit pertama.

Lakukan staged pada file yang akan disimpan ke dalam Git.

Klik ikon plus (+).

Menambahkan File ke staged

Setelah itu tuliskan pesan commit-nya, lalu klik ikon “rumput” kalau sudah selesai.

Membuat pesan Commit

Lakukan juga untuk file-file yang lain.

Membuat Commit

Selesai.

Semua revisi sudah disimpan ke dalam Git.

Hati-hati! Jangan sampai klik ikon Discard Changes, karena dapat menghapus apa yang sudah kamu ubah.

Membatalkan Perubahan

Melihat Perbandingan Revisi

Biasanya kita menggunakan perintah git diff untuk mengetahui apa saja yang sudah diubah.

Tapi di VS Code, kita bisa lakukan dengan klik kotak marker yang berada di dekat nomer baris:

Melihat perbedaan

Atau… kita juga bisa membukanya melalui Git dengan mengklik ganda pada filenya.

Melihat perbedaan

Bekerja dengan Remote Repository

Sekarang kita ingin menyimpan repositori ini ke Github.

Bagaimana caranya?

Pertama kita harus membuat repositori di Github, lalu menambahkan remote-nya ke repositori lokal. Setelah itu tinggal push.

Mari kita lakukan.

Silahkan buat repositori baru di Github:

Membuat Repositori di Github

Lalu ambil URL-nya:

Membuat Repositori di Github

Setelah itu, buka terminal di VS Code dan ketik perintah berikut untuk menambahkan remote repositorinya:

git remote add origin [email protected]:ardianta/slim-api.git

Oya, di sini saya menggunakan SSH biar tidak memasukkan password saat push.

Silahkan baca: Cara Set-up SSH di Github

Menambahkan Remote Repositori

Setelah itu buka Git dan refresh repositorinya.

Sekarang kita punya ikon untuk melakukan push, karena repositori remote sudah ditambahkan.

Menambahkan Remote Repositori

Klik ikon tersebut untuk melakukan push ke Github.

Tunggulah beberapa saat…

Melakukan Push ke Github

Repositori sudah di-push ke Github.

Repositori di Github

Jika ada perubahan lagi, kita tinggal klik ikon Sync saja.

Repositori di Github

Gampang kan?

Akhir Kata…

Itulah cara menggunakan Git di Visual Studio Code.

Sebenarnya masih banyak yang belum kita coba, selebihnya silahkan eksperimen sendiri.

Selamat nge-git pakai VS Code.

Baca Juga ini

Github Workflow: Cara Berkontribusi di Proyek Open Source

Github Workflow: Cara Berkontribusi di Proyek Open Source

Memahami Github Workflow (alur kerja Github) agar bisa berkolaborasi dan berkontribusi di Proyek Open Source

Kumpulan 101+ Link Repositori dan Komunitas Open-source Indonesia di Github

Kumpulan 101+ Link Repositori dan Komunitas Open-source Indonesia di Github

Pada hasil pubilkasi Octoverse 2016, Indonesia masuk peringkat ke-2 dalam kategori negara dengan peningkatan pendaftar baru paling banyak di Github. Ke manakah mereka? Sebagian ada yang aktif berkontribusi pada proyek open-source, sebagian lagi ada yang membentuk organisasi/komunitas di Github. Berikut ini daftar link komunitas dan repositori Github Indonesia yang diambil dari repositori Awesome Indonesia Repo dan beberapa sumber lainnya. Komunitas Github Indonesia Komunitas Git Indonesia PHP Indonesia CodeIgniter Indonesia Laravel Indonesia Id-Laravel Symfonian Indonesia Komunitas Pengguna Go Indonesia Python Indonesia Jakarta JavaScript User Group Bali JavaScript Community React JS Indonesia Nginx Indonesia Asosiasi Programmer Indonesia Django Indonesia Haskell Indonesia Indonesian Ruby Community Kotlin Indonesia JUG Indonesia IDDevOps JVMDeveloperID Hugo Indonesia Lombok Dev Linux Developer Indonesia BlankOn XentaOS Repositori Github IndonesiaAndroid Android StepsView - A simple progress steps view on Android.

Cara Menggunakan SSH di Github

Cara Menggunakan SSH di Github

SSH memungkinkan kita untuk melakukan push ke repository github tanpa login. Berbeda dengan cara yang biasa (melalui HTTPS), kita harus memasukkan username dan password setiap kali melakukan push. Tapi dengan SSH kita tidak akan melakukan itu lagi. 1. Membuat Key SSHJalankan perintah ssh-keygen pada termnial. Kemudian inputkan id (identitas) SSH anda. Untuk passpharse dikosongkan saja. Maka di dalam direktori ~/.ssh/ akan tercipa file key baru. 2.

Cara Membuat Halaman Github Kurang dari 10 Menit

Cara Membuat Halaman Github Kurang dari 10 Menit

Halaman Github (Github Pages) merupakan layanan hosting web statis yang diberikan oleh Github. Layanan ini diberikan secara gratis dan kita juga akan mendapatkan subdomain .github.io. Bagaimanakah cara membuatnya? Baiklah, pastikan anda sudah punya akun Github dan sudah menginstal Git. Kemudian silahkan ikuti langkah-langkah berikut, tidak sampai 10 menit kok. 1. Buat Repositori BaruBuatlah repositori baru dengan nama username.github.io. Gunakan username github Anda, contoh petanikode.github.io. 2.

Tutorial Git #9: Bekerja dengan Remote Repositori

Tutorial Git #9: Bekerja dengan Remote Repositori

Belajar Git untuk berkolaborasi dan bekerja dengan remote repository

[Review] Text Editor Visual Studio Code di Linux

[Review] Text Editor Visual Studio Code di Linux

Bagaimana rasanya menggunakan Visual Studio Code di Linux? Apa saja kelebihan dan kekurangannya? Simak selangkapnya...