-->

CAra Menggunakan Git pada Visual Studio Code "Lebih praktis dan Hemat Waktu"

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

CAra Menggunakan Git pada Visual Studio Code "Lebih praktis dan Hemat Waktu"

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.

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 kamu jadikan repository Git di VS Code harus kamu coba yahh .

CAra Menggunakan Git pada Visual Studio Code "Lebih praktis dan Hemat Waktu"

Project Rest API menggunakan Slim Framework.

Silahkan buat project baru

Cara Proses Membuat Repository Git di VS Code

Ikutin step by step digambar Silahkan klik ikon Git untuk membuat repositori baru.

CAra Menggunakan Git pada Visual Studio Code "Lebih praktis dan Hemat Waktu"

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

CAra Menggunakan Git pada Visual Studio Code "Lebih praktis dan Hemat Waktu"


Maka nanti akan muncul angka pada ikon Git di bagian samping.

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

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

Contoh seperti dibawah ini :


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

Setelah itu, silahkan masuk lagi ke Git dan refresh

CAra Menggunakan Git pada Visual Studio Code "Lebih praktis dan Hemat Waktu"

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 SEBUAH REVISI

Sekarang mari kita coba membuat commit pertama.

Lakukan staged pada file yang akan disimpan ke dalam Git.

Klik ikon plus (+).

CAra Menggunakan Git pada Visual Studio Code "Lebih praktis dan Hemat Waktu"

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


Lakukan juga untuk setting file-file yang lain seperti gambar dibawah ini.

CAra Menggunakan Git pada Visual Studio Code "Lebih praktisAC dan Hemat Waktu"

Selesai.

Semua revisi sudah disimpan ke dalam Git.

Peringatan buat kamu ! Jangan Pernah sampai klik ikon Discard Changes, karena dapat menghapus fil folder  yang sudah kamu ubah.

Cara 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:


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

CAra Menggunakan Git pada Visual Studio Code "Lebih praktisAC dan Hemat Waktu"


Cara 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 ajah.

yuk ikutin tahapan step by stepnya .

Silahkan kamu buat repositori baru di Github

CAra Menggunakan Git pada Visual Studio Code "Lebih praktisAC dan Hemat Waktu"
Lalu ambil URL-nya:

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

git remote add origin git@github.com:ardianta/slim-api.git

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

CAra Menggunakan Git pada Visual Studio Code "Lebih praktisAC dan Hemat Waktu"

Setelah itu buka kalian buka Git dan refresh repositorinya.

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

CAra Menggunakan Git pada Visual Studio Code "Lebih praktisAC dan Hemat Waktu"


Klik ikon tersebut untuk melakukan push ke Github.

Tunggulah beberapa saat

CAra Menggunakan Git pada Visual Studio Code "Lebih praktisAC dan Hemat Waktu"

Repositori sudah di-push ke Github.

CAra Menggunakan Git pada Visual Studio Code "Lebih praktisAC dan Hemat Waktu"
Jika ada perubahan lagi,kamu tinggal klik ikon Sync saja.

CAra Menggunakan Git pada Visual Studio Code "Lebih praktisAC dan Hemat Waktu"

Gimana menurut kalian Mudah kan ?

Itu tips dari Berga tech Cara Menggunakan Git pada Visual Studio Code Lebih Simpke dan hemat waktu

Lihat Juga Tutorial Lainnya :


NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner

-->