Tag: mac

Cara Menggunakan Git di VSCode 2020

Cara Menggunakan Git di VSCode 2020

Haloo, i’m happy to see you again today. Oke kita masih dalam minggu-minggu karantina karena covid19, tepatnya sudah masuk PSBB. Hari ini saya kan kasih tau Cara menggunakan Git vscode 2020.

VSCode adalah sebuah code editor yang dikeluarkan Microsoft. VSCode gratis dan tidak berbayar. VSCode memiliki banyak ekstensi yang bisa diinstall dan juga fitur yang telah tersedia (built-in).

Salah satu fitur built-in VSCode adalah version control Git yang telah built-in dalam VSCode. Hal ini memudahkan programmer yang memakai VSCode untuk tidak perlu lagi memasang ekstensi seperti yang kita rasakan di Sublime atau Notepad++.

Hal yang menarik disini adalah VSCode gratis. Namun, memiliki banyak fitur yang ‘gakerasa’ gratis. VSCode pun multi-language code editor. Yang mana Kalian bisa membuat program dari banyak bahasa disini.

Cara untuk memulai menggunakan Git di Visual Studio sangat mudah. Caranya berikut ini.

Let’s Start

Requirement

Bahan-bahan dan syarat untuk menggunakan Git di Visual Studio adalah sebagai berikut.

  • Visual Studio yang telah terinstall (bisa didownload disini)
  • Git yang telah terinstall (untuk yang belum menginstall, bisa klik disini “Cara Install Git di macOS)

Saya anggap Kalian telah menginstall VSCode di perangkat yang Kalian gunakan. Jadi tutorial langsung masuk kepada teknis penggunaan Git di VSCode.

Langkah-langkah

Buka VSCode yang telah terinstall

Kalian pertama harus membuka VSCode dengan Projek/aplikasi Kalian yang sedang dikerjakan (mulai dikerjakan). Contohnya seperti dibawah ini, workspace yang telah terisi projek aplikasi Kalian.

VSCode opened workspace - cara menggunakan git vscode

Nah, setelah itu, klik ikon Git/Versioning yang ada di sebelah kiri tab menu. Ikon berada di bawah ikon Search.

Setelah itu, akan terlihat tombol Initialize Repository, maka Kalian klik saja tombol tersebut untuk mulai menggunakan Git di VSCode.

VSCode start git - cara menggunakan git vscode

Setelah itu, Kalian akan melihat ditempat button tadi aan berisi file-file yang sedang Kalian kerjakan. Jika sudah seperti itu, berarti Git telah mendeteksi adanya penambahan/perubahan file di direktori projek Kalian.

Kita sebut perubahan tersebut sebagai Changes. Kita bisa lihat ada 95 perubahan, yang mana itu adalah file yang baru dideteksi oleh Git.

VSCode git stage changes - cara menggunakan git vscode

Setelah itu, tentu Kalian ingin menambahkan file projek Kalian di Git, maka kita harus melakukan tahap Stage Changes. Yang mana kita mendaftarkan mana saja file yang akan dimasukkan pada Git.

Kalian bisa tekan ikon “+” atau tambah disebelah nama file, atau bisa langsung menekan ikon tambah disebelah tulisan Changes. Yang mana akan Stage All Changes langsung menambahkan seluruh file tersebut.

VSCode git add stage changes - cara menggunakan git vscode

Jangan lupa buat baca ini juga ya:
Membuat Face Detection di Javascript by CodeSeem

Setelah dilakukan Staging, file tersebut berubah dari yang tadinya statusnya Changes, sekarang menjadi Staged Changes.

Hal, selanjutnya yang harus kita lakukan adalah Commit. Commit adalah proses untuk menambahkan point perubahan pada Git. Nantinya kita bisa melihat perubahan apa saja, bahkan kita bisa berpindah-pindah dari satu commit ke commit lain (maksudnya seperti revert/rollback changes).

Masukkan pesan commit yang akan dimasukkan. Contohnya disini saya memasukkan pesan “Initial Commit”. Sebagai tanda bahwa ini adalah commit pertama saya di aplikasi ini.

Setelah itu, klik ikon Centang/Ceklis diatas. Proses Commit akan dimulai.

VSCode git commit changes - cara menggunakan git vscode

Jika proses commit berhasil, daftar perubahan file yang awalnya banyak disana, akan menghilang seperti gambar dibawah ini.

VSCode git done commit - cara menggunakan git vscode

Hal itu menunjukkan bahwa semua penambahan/perubahan file yang kita lakukan tadi berhasil ditambahkan ke Git. Git menunggu penambahan/perubahan file selanjutnya.

Contohnya, disini saya melakukan perubahan teks didala file App.js. Maka otomatis Git akan mendeteksinya sebagai perubahan. Kemudian, daftar tersebut bertambah menjadi satu.

Kalian juga bisa melihat perubahan apa yang dilakukan disana. Line mana yang berubah, juga kata/huruf apa yang berubah.

VSCode git file changes - cara menggunakan git vscode

Oke, tutorial sudah selesai. Kalian bisa memulai menggunakan git di projek aplikasi apapun. Kalian bisa terus mencari dan belajar lebih dalam lagi tentang Git yang telah banyak tersebar di Internet 🙂

Saya kira cukup untuk tutorial hari ini cara menggunakan git vscode. As always, here is the quote

“Some of the best programming is done on paper, really. Putting it into the computer is just a minor detail.”

― Max Kanat-Alexander, Code Simplicity: The Fundamentals of Software

Max Kanat-Alexander

Enjoy, keep learning…

Cara Mudah Install Git di mac OS 2020

Cara Mudah Install Git di mac OS 2020

Halo semuanya, good to see you again. Oke kita masih dalam minggu-minggu karantina karena covid19. Hari ini saya kan kasih tau Cara Install Git mac OS 2020.

Kalau dari internet Wikipedia, Git adalah

Git is a distributed version-control system for tracking changes in source code during software development. It is designed for coordinating work among programmers, but it can be used to track changes in any set of files. Its goals include speed, data integrity, and support for distributed, non-linear workflows.

Wikipedia: What is Git?

Git sederhananya adalah versioning control system. Git membantu kita untuk mengontrol perubahan file dan versi pada projek aplikasi kita. Banyak fungsi Git yang akan memudahkan kita dalam develop aplikasi.

Cara menginstall Git di mac OS ada dua cara, yang pertama dengan CLI yakni homebrew dan yang kedua dengan GUI Installer.

Tentunya di tutorial ini, saya kan mengambil cara mudahnya sesuai judulnya.

Let’s Start

Requirement

Bahan-bahan dan syarat untuk menginstall Git di macOS adalah sebagai berikut.

  • Perangkat mac
  • Git untuk macOS
  • Koneksi Internet

Langkah-langkah

Download Git melalui link resminya

Kalian pertama harus mendownload Git Installer melalui link resminya berikut ini. Penting diketahui untuk selalu mendownload sesuatu melalui link resminya. Supaya terhindar dari virus yang ditempelkan di paket instalasi.

Download Git GUI Installer untuk macOS

Setelah Kalian sampai di websitenya, pastikan Kalian memilih link installer untuk mempermudah proses instalasi Git.

Download Git for mac OS - Cara Install Git di mac OS

Link tersebut akan membawa Kalian kepada website SoureForge.net, tinggal klik tombol Download dan file akan terunduh. Hasil file download nantinya akan memiliki format .dmg.

Download Git for mac OS - Cara Install Git di mac OS

Buka file .dmg hasil download

Buka file .dmg hasil download yang telah selesai tadi. Setelah dibuka, double click pada file .pkg yang akan membuka setup wizard dan memulai proses instalasi. *dalam case ini, saya mendownload versi 2.15

Git pkg for mac OS - Cara Install Git di mac OS

Jangan lupa buat baca ini juga ya:
Membuat Face Detection di Javascript by CodeSeem

Ikuti setup wizard sampai selesai

Setelah setup wizard terbuka, Kalian bisa langsung klik tombol Continue.

Installation Wizard Git for mac OS - Cara Install Git di mac OS

Nah, pada bagian ini pastikan lokasi instalasi sudah sesuai keinginan Kalian. Jika ingin diinstall secara lokasi default, langsung saja klik Install.

Installation location Git for mac OS - Cara Install Git di mac OS

Tunggu proses instalasi selesai. Proses ini memakan waktu tidak sampai 2 menit kok.

Installation process Git for mac OS - Cara Install Git di mac OS

Proses instalasi telah selesai dan berhasil dipasang di mac Kalian.

Installation success Git for mac OS - Cara Install Git di mac OS

Konfigurasi awal Git pada mac

Untuk bisa mulai menggunakan Git pada mac. Ada beberapa langkah yang harus dilakukan dahulu, yakni menambahkan global user dan email. Hal ini dilakukan untuk mengidentifikasi siapa yang melakukan perubahan file di Git.

Berikut cara konfigurasi awal Git di mac

Cara Konfigurasi Awal Git di mac

Membuka terminal dan cek versi Git

Pertama, kalian harus membuka terminal di mac Kalian. Cara termudah menurut saya adalah membuka Spotlight dengan menekan Cmd+Space kemudian cari “Terminal“.

Setelah itu, coba ketik perintah git --version untuk mengecek apakah Git sudah betul terinstall. Hasilnya kira-kira akan seperti dibawah ini.

Jangan tutup terminal Kalian, karena langkah selanjutnya kita masih membutuhkannya

Terminal git version mac os- Cara Install Git di mac OS

Memasukkan Global User dan Email di Git

Cara memasukkan global user dan email di git mac adalah dengan membuka terminal dan mengetikkan perintah berikut ini

git config --global user.name "Nama Kalian"
git config --global user.email "Email Kalian"

Nama dan email tergantung nama dan email Kalian, silahkan disesuaikan. Kira-kira hasilnya akan seperti dibawah ini. Jika tidak ada error message, berarti seharusnya sudah ter-set dengan baik.

Terminal git set email user name mac os- Cara Install Git di mac OS

Memastikan Global User dan Email di Git mac Sudah Betul

Kita bisa mengeceknya lebih detil lagi dengan cara mengetikkan perintah git config --list di terminal.

Hasilnya jika discroll pada bagian user.name dan user.email akan berisi name dan email yang barusan Kalian set.

Terminal git check email user name mac os- Cara Install Git di mac OS

Oke, instalasi sudah selesai. Kalian bisa memulai menggunakan git di projek aplikasi apapun. Untuk Kalian yang menggunakan VSCode sebagai Code Editor Kalian, yuk baca juga:

Cara Menggunakan Git di VSCode by CodeSeem

Saya kira cukup untuk tutorial hari ini cara install git mac os. As always, here is the quote

“Most improved things can be improved.”

― Mokokoma Mokhonoana

Mokokoma Mokhonoana: someone, you can search on Google

Enjoy, keep learning…