Cara Setting FTP pada Visual Studio Code

Terakhir diupdate: 24 Maret 2025

Halo, Sob!

Kali ini aku akan berbagi cara untuk menghubungkan Visual Studio Code dengan FTP pada cPanel hosting. Adapun proses ini juga menambah efisiensi untuk mengelola file website kamu secara langsung dari aplikasi file editor kesayanganmu. 

Sebelum melakukan setting pada aplikasi Visual Studio Code-nya, pastikan kamu sudah membuat akun FTP pada cPanel hostingmu seperti panduan berikut

 

Jika sudah disiapkan, yuk kita simak proses settingnya!

 

1. Install extension FTP pada aplikasi Visual Studio Code kamu.
Ada banyak ekstensi FTP yang bisa dipilih, namun kali ini akan menggunakan ekstensi ftp-simple.

2. Jika ekstensi sudah terinstall, pada ekstensi ftp-simple tekan F1, lalu pilih “ftp-simple : Config – FTP connection setting“.

3. Isi file konfigurasi FTP-nya sesuai dengan akun FTP yang telah dibuat di cPanel hosting kamu. Sesuaikanlah pada baris berikut, kemudian simpan :

				
					"name": "namadomain.com",
"host": "ftp.namadomain.com", 
"username": "userftp@namadomain.com",
"password": "passwordftp",
				
			

4. Setelah itu, tekan lagi F1 dan pilih “ftp-simple : Open – Open the file directly from FTP server“. Kemudian pilih namadomain yang ingin diremote.

5. Jika berhasil, maka nantinya akan muncul list file pada cPanel hostingnya dan bisa dipilih file mana yang akan disesuaikan.

Sekarang kamu bisa melakukan edit file scriptmu langsung melalui aplikasi Visual Studio Code dan akan otomatis tersinkronisasi ke hostingmu.


 

Semoga tutorial ini bisa membantu Sobat Jagoan, ya!

 

Simak terus Tips Hosting di halaman tutorial Jagoan Hosting Indonesia ya, jika ada bagian dari tutorial yang tidak ditemukan, kamu bisa menghubungi teman-teman di Jagoan Hosting supaya bisa dibantu lebih lanjut melalui Live Chat atau fitur Open Tiket ya!

Related Posts
Tutorial Login Ke SSH Secara Otomatis

Kamu ingin melakukan login SSH secara otomatis? Gak perlu bingung karena kamu bisa ikutin tutorial di bawah ini untuk melakukan Read more

Tutorial Melakukan Optimize Images Website Anda

Hae Sob! Saat Kamu berurusan dengan konten maka Kamu juga harus tahu bagaimana kualitas dari image sebagai salah satu komponen Read more

Tutorial Optimalisasi Website dengan Combine Images Menggunakan CSS Sprites di Website

Hai Sob! Terkadang saat Kamu membuat website di web hosting, Kamu akan membutuhkan banyak gambar mulai ukuran yang besar hingga Read more

Tutorial Mengoptimalkan Web dengan GZip Compression

Hai Sobat Jagoan! Saat Kamu menggunakan komputer dan mendapati sejumlah file dengan ukuran besar, pasti menyusahkan ya kalau hendak mengirimnya Read more

⚡ Website Lebih Cepat dengan Hosting Unlimited | GRATIS OPTIMASI dan Support WA 24/7
Scroll To Top