Ditulis oleh:
Yahya J. Aifit
Share WebDev

Install VSCode di Ubuntu Server

Prasyarat

  • Menggunakan sistem operasi Ubuntu server
  • User yang memiliki akses sudo
  • curl sudah terinstall
  • Akses ke server dengan ssh

Cek apakah curl sudah terinstall

$ curl --version

Ketika perintah di atas dijalankan, maka akan menampilkan versi curl.

Jika versi curl muncul seperti gambar di atas (highlight warna putih), berarti curl sudah terinstall di Ubuntu server.

Install curl

Jika curl belum terinstall, kalian bisa mengikuti langkah berikut:

$ sudo apt update
$ sudo apt upgrade
$ sudo apt install curl

Install code-server

Setelah prasyarat di atas terpenuhi, bisa lanjut untuk install code-server dengan menjalankan perintah berikut:

$ curl -fsSL https://code-server.dev/install.sh | sh

Tunggu sampai selesai.

Setelah proses instalasi selesai, kita perlu ganti config file sesuai dengan kebutuhan. Caranya, jalankan terlebih dahulu perintah code-server, supaya meng-generate file config:

$ code-server

Kemudian, masuk ke dalam folder .config di direktori home

$ cd ~/.config/code-server

Lalu edit file config.yaml yang berada di folder tersebut dengan vim atau nano editor.

$ vim config.yaml

Maka akan terlihat isi dari config file tersebut seperti ini:

bind-addr: 127.0.0.1:8080
auth: password
password: [auto generate password]
cert: false

Kita bakal dapat password bawaan yang otomatis digenerate setelah proses instalasi code-server selesai.

Untuk keperluan contoh, kita akan ganti port dan password sesuai kebutuhan, misal port diganti menjadi 5050 dan password diganti menjadi 123456789.

bind-addr: 127.0.0.1:5050
auth: password
password: 123456789
cert: false

Simpan lalu tutup editor.

Terakhir, jalankan kembali perintah code-server.

$ code-server

Selesai.

Port forwarding menggunakan ssh

Untuk bisa mengakses code-server yang sedang running di server, kita mesti melakukan port forwarding dulu menggunakan perintah:

$ ssh [your_username]@[your_public_ip] -L 5050:localhost:5050

Dimana:

  • your_username adalah nama user server
  • your_public_ip adalah alamat IP publik server
  • 5050 adalah port dari code-serve, dan
  • localhost:5050 adalah url untuk mengakses code-server

Kemudian buka url http://localhost:5050 di web browser, dan akan muncul tampilan seperti ini:

Masukkan password sesuai dengan config file di atas, lalu tekan tombol Submit. Dan code-server sudah siap dipakai:

Selesai.

Masalah yang biasanya terjadi

TopicMessageSolution
Large workspace“Visual Studio Code is unable to watch for file changes in this large workspace” (error ENOSPC)Increase the maximum of files that can be wathced.

Sesuai dengan referensi di atas, untuk mengatasi masalah Large Workspace ini bisa dengan cara edit file /etc/sysctl.conf:

$ sudo vim /etc/sysctl.conf

Tambahkan kode ini ke dalam file systcl.conf di baris paling akhir:

fs.inotify.max_user_watches=524288

Untuk mengecek apakah limit sudah berubah, jalankan perintah ini:

$ sudo sysctl -p

Referensi

Daftar isi
For collaboration regarding website development, please visit my portfolio page by clicking on the banner above.
Daftar Isi