MitraIde

News

Cari Di Situs Ini

Kamis, 16 September 2021

Cara mudah menggunakan git dengan visual studio code plugin (series 1)

Selamat sore teman-teman, kali ini kak mitra akan share sedikit pengalaman mimin soal GIT, sebelumnya kak mitra asumsikan teman-teman sudah melakukan installasi git di laptop/komputer teman-teman, bagi teman-teman yang belum melakukan installasi dapat diklik artikel ini https://mitraide.blogspot.com/2021/09/cara-install-git-linux-ubuntu.html di situ kak mitra sudah share langkah mudah melakukan isntallasi git pada komputer linux ubuntu. sebenarnya git ini ada banyak banget perintahnya,  munkin nanti akan kak mitra share di artikel selanjutnya. namun yang akan kak mitra share di artikel ini adalah yang paling sering kak mitra gunakan selama kak mitra menjadi freelance programger, oh iya kali ini kak mintra memanfaatkan visual studio code karena berupa GUI dan lebih mudah digunakan. hal pertama  yang perlua dilakukan adalah installasi plugin git pada visual studio code.


Oke apabila sudah terinsaall saatnya kita mencoba git, hehe

1. Buka visual studio code dan arahakan ke folder yang akan digunakan (area kerja)

Klik file->open folder , bila sukes seharusnya visual studio code sudah berapa pada folder yang dimaksud


2. Lakukan pendaftaran repository git di visual studio code , untuk langkah-langkahnya ada di bawah ini


3. Apabila visual studio sudah mengenali repository git, maka tampilannya seharusnya seperti berikut ini


4. Untuk percobaan belajar kita buat 1 file format text, misalnya contoh.txt , lalu isikan 1 baris. misal seperti gambar berikut


5. Lakukan commit dengan cara seperti berikut 


apabila berhasil seharusnya  akan tampil pohon history seperti berikut ini 


6. Lakukan hal yang sama untuk commit ke dua,


Maka pohon history juga akan ikut berubah seperti gambar berikut


Oke.. kita sudah memiliki dua commit saat ini, kita akan mencoba salah satu fitur dari git yang paling sering kak mitra gunakan. yakni melihat perbandingan atau berubahan dari file / code . contohnya begini, kemarin kita membuat program, lalu hari ini kita melakukan perubahan code, namun kita lupa perubahan apa yang kita lakukan, naah dengan cara ini kita bisa melihatnya.. kemudian ada case lagi, misal kita sebagai senior programer menyuruh rekan kita programer lain untuk melakukan perubahan.. nah dengan fitur ini kita bisa tahu perubahan apa saja yang telah dilakukan programer lain tanpa kita harus bertanya.. wiiik sakti sekali bukan.. wkwkwk

- Buka pohon history lalu pilih dua commit yang akan dibandingkan


Klik 1 kommit, lalu tekan tombol ctrl pada keyoboard, lalu tekan commit yang lain kurang lebih tampilannya akan seperti berikut ini, 





lalu klik file untuk membuka atau melihat perubahan, akan seprti gambar berikut ini



Untuk kotak yang di sebelah kiri adalah sebelum terjadi perubahan (keadaan commit ke 1) sedangkan untuk kotak di sebelah kanan adalah keadaan setelah dilakukan commit, (keadaan commit ke 2).

Background Tulisan yang berwarna hijau adalah tulisan yang ditambakan, sedangkan apabila background tulisan berwarna merah maka tulisan tersebut adalah yang dihapus / dihilangkan, kurang lebih seperti gambar berikut



Oke, kita sudah memanfaatkan salah satu kelebihan dari git, akan kak mitra lanjutkan di artikel selanjutnya ya teman-teman.

Rangkuman :

di sini kita sudah belajar initialiser repo, commit, dan membandingkan commit pada visual studio code


Kak mitra sudah menggunakan cara ini dan berjalan dengan baik untuk kak mitra