SCM atau Source Control/Code Management sudah semakin dikenal di kalangan pegiat koding terutama yang bekerja secara tim. Pada awalnya SCM dioperasikan menggunakan command line namun seiring waktu aplikasi pendukung untuk proses interaksi client/server berbasis GUI maupun plugin untuk mengotomasi tiap eksekusi perintah pun semakin bermunculan.
Visual Studio Code merupakan aplikasi code editor open source yang diprakarsai oleh Microsoft yang kaya akan fitur. Sampai saat artikel ini dibuat (19 Mei 2018) repository resminya di github telah memiliki tak kurang 50.171 bintang. Dari banyaknya kontributor di proyek ini, sudah bisa ditebak bahwa update fitur atau perbaikan dari bug pun terasa cepat. Salah satu yang menarik adalah fitur git yang telah terintegrasi bersamaan dengan instalasi vscode. Tapi bagaimanakah cara penggunaannya agar kita dapat melakukan proses push, pull, clone, merge pada repository kita dengan vscode ?
Pada artikel ini, akan dibahas mengenai cara menghubungkan repository pada gitlab dengan vscode (versi yang digunakan saat ini adalah v 1.23.1). Pastikan anda sudah memiliki akun gitlab, jika belum silahkan klik di sini. Lalu buat satu repository (jika di lokal sudah ada, beri nama sesuai repository lokal) dan visibility level sesuai keinginan.
Perhatikan bagian command line instruction di laman baru setelah anda membuat repo. Jika sudah memiliki repo lokal, maka ikuti langkah di bagian Existing Git Repository. Atau kurang lebih isinya sebagai berikut :
> cd existing_repo
> git remote rename origin old-origin
> git remote add origin git@gitlab.com:fathur.hidayat/contoh-repo-vscode.git
> git push -u origin --all
> git push -u origin --tags
catatan :
- proses rename origin bisa dilewati
- ganti fathur.hidayat dengan username gitlab anda.
Misal, repo lokal saya memiliki nama folder contoh-repo-vscode.
Ubah isi dari repo, lakukan commit kemudian push dengan menekan menu (...) di sebelah kanan SOURCE CONTROL GIT lalu Push To atau dengan menekan tombol kombinasi CTRL + SHIFT + P (untuk pengguna GNU/Linux) dan pilih Git : Push To . Akan muncul daftar remote repo yang telah anda tambahkan di langkah sebelumnya. Pilih dan akan muncul hasil sebagai berikut :
Baris di bawah git push origin master menunjukkan kode unik commit SHA (798540055c0f3ec588f0d4eee99c6e95dd1d4905) yang akan diperoleh tiap kali melakukan push. Cek di repo gitlab maka isinya sesuai dengan apa yang telah kita push :
Lalu, bagaimana jika repo di gitlab kita memiliki visibility private ? Jika anda mencoba melakukan push ke repo private dari komputer yang belum dikenali oleh akun gitlab anda, maka akan keluar error :
Permission denied (publickey).
fatal: Could not read from remote repository.
Bagi pengguna GNU/LINUX hal ini dapat diatasi dengan mengikuti langkah di sini . Sebagai tambahan, vscode juga memiliki berbagai ekstensi yang mendukung platform spesifik misal gitlab ada Gitlab Workflow yang menambahkan fitur-fitur di gitlab ke editor anda. Namun, untuk dapat menggunakannya membutuhkan akses token yang dapat kita dapatkan dari setting di akun gitlab. Akses token ini berfungsi untuk mengizinkan aplikasi third party terhubung dengan API gitlab.
Sebelum kita menambahkan token, install ekstensi Gitlab Workflow di vscode lalu reload. Ekstensi ini menyesuaikan dengan fitur di gitlab, seperti pipeline, melihat issue, snippet dan sebagainya. Lalu kembali ke browser, klik menu user dropdown di navbar > Setting > klik Access Token di Sidebar atau klik di url berikut . Isi nama token, bila perlu isi tanggal kadaluarsa, lalu centang scopes sesuai kebutuhan. Berikut contohnya :
Klik create personal access token, anda akan mendapat token yang digunakan untuk konfigurasi di vscode. Simpan baik-baik untuk keperluan selanjutnya, karena kode tersebut akan muncul sekali setelah pembuatan, jika tidak anda harus membuat ulang.
Setelah mencapat akses token, kembali ke vscode, tekan tombol kombinasi CTRL + SHIFT + P lalu masukkan url gitlab, personal access token tadi dan anda sudah bisa menggunakan Gitlab Workflow di vscode.
Sekian, semoga bermanfaat.
Visual Studio Code merupakan aplikasi code editor open source yang diprakarsai oleh Microsoft yang kaya akan fitur. Sampai saat artikel ini dibuat (19 Mei 2018) repository resminya di github telah memiliki tak kurang 50.171 bintang. Dari banyaknya kontributor di proyek ini, sudah bisa ditebak bahwa update fitur atau perbaikan dari bug pun terasa cepat. Salah satu yang menarik adalah fitur git yang telah terintegrasi bersamaan dengan instalasi vscode. Tapi bagaimanakah cara penggunaannya agar kita dapat melakukan proses push, pull, clone, merge pada repository kita dengan vscode ?
Pada artikel ini, akan dibahas mengenai cara menghubungkan repository pada gitlab dengan vscode (versi yang digunakan saat ini adalah v 1.23.1). Pastikan anda sudah memiliki akun gitlab, jika belum silahkan klik di sini. Lalu buat satu repository (jika di lokal sudah ada, beri nama sesuai repository lokal) dan visibility level sesuai keinginan.
Perhatikan bagian command line instruction di laman baru setelah anda membuat repo. Jika sudah memiliki repo lokal, maka ikuti langkah di bagian Existing Git Repository. Atau kurang lebih isinya sebagai berikut :
> cd existing_repo
> git remote rename origin old-origin
> git remote add origin git@gitlab.com:fathur.hidayat/contoh-repo-vscode.git
> git push -u origin --all
> git push -u origin --tags
catatan :
- proses rename origin bisa dilewati
- ganti fathur.hidayat dengan username gitlab anda.
Misal, repo lokal saya memiliki nama folder contoh-repo-vscode.
Ubah isi dari repo, lakukan commit kemudian push dengan menekan menu (...) di sebelah kanan SOURCE CONTROL GIT lalu Push To atau dengan menekan tombol kombinasi CTRL + SHIFT + P (untuk pengguna GNU/Linux) dan pilih Git : Push To . Akan muncul daftar remote repo yang telah anda tambahkan di langkah sebelumnya. Pilih dan akan muncul hasil sebagai berikut :
Baris di bawah git push origin master menunjukkan kode unik commit SHA (798540055c0f3ec588f0d4eee99c6e95dd1d4905) yang akan diperoleh tiap kali melakukan push. Cek di repo gitlab maka isinya sesuai dengan apa yang telah kita push :
Lalu, bagaimana jika repo di gitlab kita memiliki visibility private ? Jika anda mencoba melakukan push ke repo private dari komputer yang belum dikenali oleh akun gitlab anda, maka akan keluar error :
Permission denied (publickey).
fatal: Could not read from remote repository.
Bagi pengguna GNU/LINUX hal ini dapat diatasi dengan mengikuti langkah di sini . Sebagai tambahan, vscode juga memiliki berbagai ekstensi yang mendukung platform spesifik misal gitlab ada Gitlab Workflow yang menambahkan fitur-fitur di gitlab ke editor anda. Namun, untuk dapat menggunakannya membutuhkan akses token yang dapat kita dapatkan dari setting di akun gitlab. Akses token ini berfungsi untuk mengizinkan aplikasi third party terhubung dengan API gitlab.
Sebelum kita menambahkan token, install ekstensi Gitlab Workflow di vscode lalu reload. Ekstensi ini menyesuaikan dengan fitur di gitlab, seperti pipeline, melihat issue, snippet dan sebagainya. Lalu kembali ke browser, klik menu user dropdown di navbar > Setting > klik Access Token di Sidebar atau klik di url berikut . Isi nama token, bila perlu isi tanggal kadaluarsa, lalu centang scopes sesuai kebutuhan. Berikut contohnya :
Klik create personal access token, anda akan mendapat token yang digunakan untuk konfigurasi di vscode. Simpan baik-baik untuk keperluan selanjutnya, karena kode tersebut akan muncul sekali setelah pembuatan, jika tidak anda harus membuat ulang.
Setelah mencapat akses token, kembali ke vscode, tekan tombol kombinasi CTRL + SHIFT + P lalu masukkan url gitlab, personal access token tadi dan anda sudah bisa menggunakan Gitlab Workflow di vscode.
Sekian, semoga bermanfaat.
Tidak ada komentar:
Posting Komentar