Visual Studio Code Bisa Ngedit Berkas Secara Remote Via SSH, Canggih!
Visual Studio Code merupakan sebuah kode editor canggih yang dikembangkan oleh Microsoft. Visual Studio Code tersedia dibawah lisensi MIT dan beberapa ketentuan lisensi dari Microsoft. Siapa sangka, ternyata Visual Studio Code bisa ngedit berkas secara remote via SSH, canggih!.
Buat Anda yang ngikutin tutorial-tutorial blog ini, Anda pasti tahu.
Beberapa waktu yang lalu, saya memang lagi ngutek-ngutek tema turunan di WordPress. Waktu itu, saya benar-benar butuh sebuah editor kode yang dapat ngebantu saya dalam hal kerapian kode. Karena saya cuma punya Visual Studio Code, ya harus manfaatin yang ada dulu.
Akhirnya, saya memutuskan tanya dulu ke teman saya, Lek Joko. Kebetulan, Lek Joko ini bekerja di sebuah perusahaan sebagai tukang ketik kode.
"Lek Jok, kiro-kiro, VS Code isok digawe ngedit file remote liwat SSH, gak?". Lek Jok, kira-kira, VS Code bisa dipake buat ngedit file remote via SSH, gak?. Begitu tanya saya.
"Bisa, pasti bisa!". Begitu kira-kira jawaban Lek Joko sembari ngasih saran ke saya buat nyari ekstensi Visual Studio Code dengan kata kunci "remote".
Pasang ekstensi "remote" di Visual Studio Code
Visual Studio Code atau VS Code memang memiliki kemampuan untuk mengedit file jarak jauh melalui SSH. Kemampuan tersebut diperoleh dari beberapa ekstensi tambahan.
Untuk nemambahkan ekstensi, Anda cukup membuka jendela ekstensi dengan kombinasi tombol Ctrl+Sift+X. Setelah jendela atau tab ekstensi muncul, ketikkan kata kunci "remote". VS Code akan menampilkan semua ekstensi yang berhubungan dengan "remote".
Agar Visual Studio Code bisa mengedit file jarak jauh via SSH, Anda harus memasang setidaknya tiga ekstensi, seperti yang sudah saya tandai pada gambar di bawah ini.
Jendela ekstensi Visual Studio Code |
Untuk memasang masing-masing ekstensi tersebut, Anda tinggal mengeklik tombol Install kecil warna hijau yang ada di pojok kanan.
Edit berkas secara remote via SSH dengan Visual Studio Code
Ini bagian terpentingnya. Sebelum Anda bisa melakukan akses ke berkas tertentu yang ada di vps atau remote server dengan VS Code, Anda harus menyiapkan VS Code-nya terlebih dahulu.
Tampilan Visual Studio Code dengan ikon remote |
Berikut cara menyiapkan Visual Studio Code agar bisa ngedit berkas secara remote via SSH:
- Buka VS Code, lalu klik ikon remote yang ada di pojok kiri bawah.
- Akan muncul menu drop-down di tengah-tengah jendela VS Code, pilih Remote-SSH: Connect to Host.
- Kemudian pilih lagi Add New SSH Host.
- Pada kolom isian, isikan perintah untuk akses remote ke vps atau remote server sesuai standar perintah saat Anda menggunakan SSH. Misalnya
ssh chotibulstudio@192.168.22.1
. Tekan tombol Enter. - Pilih berkas konfigurasi untuk memperbarui. Disini saya memilih berkas konfigurasi yang ada di direktori
/home/username/.ssh/
. - Anda akan mendapat notifikasi bahwa host telah ditambahkan. Disini, Anda bisa langsung terhubung dengan remote server Anda dengan mengeklik tombol Connect yang ada di jendela pop up notifikasi. Jika ternyata jendela notifikasinya sudah keburu tertutup, Anda cukup mengulangi langkah pertama saja. Seperti langkah dibawah ini.
- Klik ikon remote yang ada di pojok kiri bawah (lagi).
- Pada menu drop-down, pilih Remote-SSH: Connect to Host.
- Pilih IP yang sebelumnya sudah Anda tambahkan ke VS Code.
- Masukkan kata sandi remote server Anda. Setelah kata sandi diterima oleh VS Code untuk akses remote melalui SSH, VS Code secara otomatis akan mengunduh VS Code Server. Tunggulah proses pengunduhan dan penyiapan oleh VS Code.
VS Code sedang mengunduh VS Code Server - Selamat, VS Code Anda sudah terhubung ke remote server. Ikon remote VS Code akan menampilkan informasi protokol remote beserta alamat IP server Anda.
Informasi koneksi VS Code ke remote server melalui SSH
wersaja
yang ada di /home/username/
. Jadi, saya tinggal memasukkan /home/username/wersaja/
.Kesimpulan
Gimana ceritanya, ngetik kode pake editor nano
. Udah kodenya lumanyan panjang, ribet kalo dirapikan. Kalo udah gini, kemampuan remote SSH pada Visual Studio Code memang sangat ngebantu. Ngetik kode udah nyaman pol. Nyari tutorial buat nambahin fitur ke tema turunan, ya tinggal edit saja.
Meski gitu, sebelum Anda menyiapkan konfigurasi remote SSH, Anda harus memperhatikan hak akses direktori yang ada di remote server Anda. Apakah itu bisa diakses dengan pengguna biasa ataukah memerlukan akses root.
Demikian tutorial Visual Studio Code bisa ngedit berkas secara remote via SSH, canggih!. Semoga bermanfaat. Kita jumpa lagi di tutorial-tutorial berikutnya.
terimakasih , ilmu nya sangat bermanfaat
BalasHapusHai Aisyah, terima kasih sudah membaca tulisan dan memberikan feedback positif Anda untuk tulisan saya.
HapusSaya kok gagal terus connet ke host ya kak. Muncul pesan di pojok kanan bawah: The remote host may not meet VS Code Server's prerequisites for glibc and libstdc++. Yang salah apanya ya kak?
BalasHapusPadahal kalau di terminal vscode bisa terhubung ke server. Tapi begitu di klik gambar folder nya muncul tulisan: Could not establish connection to "dobelprofit.com": The VS Code Server failed to start. Terimakasih bantuannya kak, sukses selalu.
HapusHai Jalanlurus, terima kasih sudah membaca artikel kami.
HapusTerkait dengan masalah "The remote host may not meet VS Code Server's prerequisites for glibc and libstdc++", Ada dua langkah yang perlu Anda pastikan, apakah pustaka glibc dan libstdc++ sudah terpasang di sitem Anda atau belum.
Caranya:
1. Cek apakah pustaka glibc tersedia di sistem Anda
$ ldd --version
2. Cek apakah pustaka libstdc++ tersedia di sistem Anda
$ strings /usr/lib/x86_64-linux-gnu/libstdc++.so.6 | grep GLIBCXX
Jika keduanya belum tersedia di sistem Anda, Anda bisa memasang kedua pustaka tersebut dengan mengeksekusi perintah berikut:
$ sudo apt install build-essential
Demikian, semoga dapat membantu.
Hallo, saya sudah coba sambungkan SSH ke RaspberryPi via Visual Studio Code tetapi setiap kali saya connect muncul pop up "Could not establish connection to raspberrypi. The process tried to write to a nonexistent pipe".
BalasHapusSebelumnya sudah sempat connect tetapi setelah itu terputus, setelah saya re-connect lagi sudah tidak bisa.
Note : RaspberryPi bisa saya akses via putty, hanya dari visual studio code saja yang gagal connect.