[Tutorial] Live Code dengan Visual Studio Code
Pernah merasakan kalau ada teman, junior di kampus atau kantor meminta bantuan kita untuk membantu mereka untuk menulis code? bantuin kekasih tercinta yang sedang LDR untuk nulis code? tapi kalian sedang keadaan tidak bisa kesana dikarenakan jarak yang cukup jauh ataupun sedang tidak bisa berpindah dari lokasi yang sedang kalian tempati tersebut atau karena pengerjaan satu file ini banyak orang maka dibutuhkan kolaborasi. dulu saya biasa menggunakan Teamviewer, sayangnya cara ini bisa di bilang cukup berat untuk saya sendiri karena Laptop atau PC jadi panas, belum lagi koneksi internet yang dibutuhkan, dan cara ini hanya bisa dilakukan oleh satu laptop ke satu laptop, lalu bagaimana cara kita supaya bisa melakukan kolaborasi secara live?
Nah kebetulan juga beberapa hari lalu Visual Studio Code kedatangan Ekstensi baru yang bernama : VS Live Share, ekstensi ini digunakan untuk bisa kolaborasi untuk menulis code secara bersama, konsepnya sih kurang lebih sama saat kita edit Google Docs keroyokan. Dan kenapa harus menggunakan Visual Studio Code? tentu saja karena saya menggunakan Visual Studio Code sebagai editor utama, dan selain itu Visual Studio Code ini sangat ringan (tergantung Exkstensi juga) jadi rekomendasi sekali buat teman-teman yang ingin Editor yang langsung siap pakai, Belum punya?? silahkan Download disini.
Sebelumnya saya akan mengingatkan kalian kalau saya menggunakan OSX untuk penggunaan dan instalasi, dan saya sarankan juga untuk menggunakan versi terbaru Viual Studio Code. Untuk Windows tidak ada masalah atau bisa dibilang cara ini hampir sama dengan OSX, namun akan menemukan perberbedaan dengan Linux yang perlu ada tambahan setting dan nantinya akan di bahas di bawah ini :
Download Ekstensi
Untuk bisa melakukan kolaborasi seperti ini cukup mudah, hanya membutuhkan koneksi internet download saja extensi tersebut di menu Extensions Visual studio code atau bisa melalui link ini, harap bersabar karena membutuhkan waktu yang cukup lama untuk mendownload ekstensi ini
Login
Setelah terinstall, kita harus login terlebih dahulu karena ekstensi ini mewajibkan untuk kita untuk login agar membedakan buat orang yang berkolaborasi, tanpa login tidak akan bisa (saya harap kedepannya Visual studio Code ada sistem login juga dengan tujuan kolaborasi dan juga masalah backup), akses mudahnya tekan : ctrl/cmd+shift+p dan tulis : “Live Share” maka akan muncul list Live Share, saya sarankan pilih “Sign In With Browser”
merasa repot untuk cara tersebut? ada cara mudahnya, jika di perhatikan di sebelah pojok bawah editor terdapat icon manusia yang di sebelahnya terdapat tulisan sign in, klik saja icon tersebut untuk mendapatkan akses yang sama dengan cara “ctrl/cmd+shift_p”.
Setelah itu kita akan diarahkan ke halaman browser untuk login, untuk ini kalian bisa bebas menggunakan Microsoft account (karena yang buat Visual Studio Code itu Microsoft) atau menggunakan akun github (saya menggunakan yang ini)
Nah setelah login, kita diarahkan ke halaman lain, dan mendapatkan pemberitahuan bahwa kita sudah bisa berkolaborasi.
bukti kalau kita sudah bisa berkolaborasi dengan orang lain adalah terdapatnya icon user menampilkan nama sesuai dengan username yang kita masukkan sebelumnya di bagian editor sebelah pojok bagian kiri bawah.
Membuat session untuk di share ke orang lain
Untuk membuat session cukup mudah, di editor tekan shortcut keyboard : “ctrl/cmd+shift+p” masukkan kata “Live” dan pilih “Live Share: Start Collaboration Session (Share)”.
atau cara mudahnya, klik icon orang yang sudah ada nama user kalian yang sebelumnya sudah saya sebutkan, akan muncul beberapa menu dan pilih “Start Collaboration Session” untuk memulai session.
dan akan muncul notifikasi sebelah pojok kanan bawah, bahwa link untuk di share sudah ada di clipboard, jadi tinggal di share ke teman-teman yang ingin di ajak kolaborasi :
Bergabung kolaborasi dengan Session yang sudah dibuat
Untuk bergabung dengan session yang sudah dibuat, pastikan session tersebut masih menyala, karena meski latop/PC dimatikan session akan dianggap selesai, pada tutorial ini saya hanya mencoba dengan seorang teman saya (thanks Yudha Aditya), jadi cuma dua orang saja dan seharusnya bisa lebih dari dua orang yang ada di dalam session. Jika sudah di cek semua tekan shortcut keyboard : “ctrl/cmd+shift+p” masukkan kata “Live” dan pilih “Live Share: Join Collaboration Session”.
atau cara mudahnya, klik icon orang yang sudah ada nama user kalian yang sebelumnya sudah saya sebutkan, akan muncul beberapa menu dan pilih “Join Collaboration Session” untuk memulai session.
Lalu masukkan url yang kalian dapat untuk mengakses session tersebut :
Jika sudah, maka sturktur folder project akan muncul, dan kalian bisa berkolaborasi dengan teman-teman yang sudah masuk :D
Menghentikan kolaborasi Session yang dibuat
Untuk menghentikan session cukup mudah, tekan shortcut keyboard : “ctrl/cmd+shift+p” masukkan kata “Live” dan pilih “Live Share: End Collaboration Session”.
atau cara mudahnya, klik icon orang yang sudah ada nama user kalian yang sebelumnya sudah saya sebutkan, akan muncul beberapa menu dan pilih “End Collaboration Session” untuk memulai session.
Saya rasa cukup tutorialnya, mungkin dengan tutorial ini kita bisa membantu teman-teman menjadi lebih baik lagi dalam urusan menulis code. Tunggu tulisan, tutorial, dan cerita saya. Ciaooo
