Cara Install Live Server / Live Code Dengan Visual Studio Code

Yudha Romadhon

29 Dec 2018, pukul 12:53

Follow
214x dilihat · 0x dibagikan · 0 komentar

Cara Install Live Server / Live Code Dengan Visual Studio Code

Pernahkah anda dimintai tolong oleh teman anda, murid anda, atau orang terdekat anda untuk membantunya menulis source code namun karena anda yang sedang sibuk dan berada sangat jauh sehingga anda tidak bisa berpindah tempat dengan cepat dan juga terkadang anda diharuskan berkolaborasi dalam pengerjaan suatu project.

Sebelum mengenal Visual Code Studio saya menggunakan timeviewer untuk membantu teman saya dan berkolaborasi dalam pengerjaan sebuah project, namun timeviewer sangatlah berat bagi beberapa perangkat menengah sehingga ,membuat laptop cepat panas. Dan lagi hanya bisa dilakukan koneksi personal atau komputer ke komputer dan belum lagi memutuhkan koneksi yang lumayan cepat.

Mengapa menggunakan visual code studio?, karena text editor yang saya gunakan adalah visual code studio jadi tutorial ini akan membahas mengenai cara menginstall live code pada Visual Studio Code. Dengan memanfaatkan extensi yang di sediakan visual kode studio yang bernama : VS Live Share kita dapat meremote text ediotor teman kita atau rekan project kita secara realtime. Karena visual code hanya menyajikan code editing, maka membuat software ini sangatlah ringan digunakan dan tidak memakan banyak RAM,CPU dan juga laptop tidak cepat panas.

Dengan Visual Code Studio, anda dapat terhubung dengan sesama pengguna Visual Code, dapat mengedit project dan menuliskan source code mereka secara realtime serta juga dapat terhubung lebih dari 1 komputer. Berikut langkah yang harus anda lakukan untuk mulai menginstall fitur yang ada pada visual code ini. Sebelumnya juga pastikan anda sudah mengunduh Visual Code Studio pada website resminya.

Download Ekstensi VS Live Share

Pastikan anda memiliki koneksi internet untuk mengunduh extensi ini dan masuklah ke menu Extention Visual Code atau bisa melalui link ini. Tunggulah beberapa saat hingga proses download dan instalasi selesai dan untuk anda yang memiliki internet lamabat, mohon untuk bersabar karena sizenya yang lumayan besar. jadi membutuhkan waktu sedikit lebih lama.

Loginlah Kedalam Akun Visual Code Studio

Setelah extensi terinstall, loginlah kedalam visual code studio untuk membedakan tiap tiap user yang akan mengedit secara realtime nantinya. Sisyem ini layaknya sebuah social media yaitu hanya orang yang sudah ada dalam Friendlist anda yang dapat saling terhubung dan mengedit Source code secara realtime. akses mudahnya tekan : ctrl/cmd+shift+p dan tulis : “Live Share” maka akan muncul list Live Share, saya sarankan pilih “Sign In With Browser”.

Loginlah dengan microsoft account anda karena Visual Code Studio di Developeri oleh microsoft atau anda bisa menggunakan akun github dan kita tau juga karena github telah di akuisisi oleh microsoft. Nah setelah login, kita diarahkan ke halaman lain, dan mendapatkan pemberitahuan bahwa kita sudah bisa berkolaborasi.

Membuat session untuk di share ke orang lain

Tekan “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 dapat tergabung dengan session lain, pastikan komputer dalam keadaan menyala karena jika komputer mati maka session akar dianggap sudah berakhir. 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 dan Jika sudah, maka sturktur folder project akan muncul, dan kalian bisa berkolaborasi dengan teman-teman yang sudah masuk , saling mengedit secara realtime.

Mengakhiri Kolaborasi Atau Sesion

Tidak berbeda dengan sebelumnya, 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.

* Penting

Tutorial ini hanya berlaku untuk sesama pengguna Visual Code Studio dan anda harus memiliki Microsoft account ataupun github account untuk dapat login dan saling berkomunikasi dengan pengguna lainnya.

Cara ini sangatlah berguna bagi anda yang memiliki banyak keterbatasan waktu dan tempat saat seseorang membutuhkan bantuan anda untuk berkolabosri dan menulis source code.

BAGIKAN

REAKSI PEMBACA


0 like

0 Love

1 Yeay

0 Wow

0 Sad

0 Angry

PANDUAN SERUPA

Cara Memberikan Password Pada Aplikasi Android

Android adalah sebuah sistem operasi open source yang base systemnya menggunakan linux android x86. File ...

Cara Install EXPO Di Windows 10

EXPO merupakan framework berbasis react native yang digunakan juga untuk mengembangkan aplikasi dengan tujuan yang sama yaitu ...

Cara Import Atau Restore File Database SQL ...

dikertas.com - Database atau basis data adalah kumpulan data yang disimpan di dalam komputer secara ...

Tentang Kami · Hubungi Kami · Syarat & Ketentuan

F.A.Q · Panduan Menulis