Cara Setting FTP pada Visual Studio Code

Ramadhania Yasmin
Latest posts by Ramadhania Yasmin (see all)

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": "[email protected]",
"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!

Apakah artikel ini membantu, Sob?

Berikan rating buat artikel ini!

Rata-rata rating 0 / 5. Dari total vote 0

Pertamax, Sob! Jadilah pertama yang memberi vote artikel ini!

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

Related Posts
Tutorial Mengatasi Blank Page dan 500 Internal Server Error di Open Cart

Pernahkah kamu mengalami 500 Internal Server Error atau mengalami Blank Page (halaman putih)? Gak usah bingung gelisah dan gunda gulana, Read more

Tutorial PrestaShop – Optimasi Toko Online Prestashop

Hai, Sob, buat kamu yang memiliki website toko online, kamu bisa mengembangkan toko online kamu lewat PrestaShop loh! Wah, gimana Read more

Tutorial Menyelesaikan Error Unicode Format Ketika Install Moodle

Tau nggak Sob, MOODLE atau Modular Object-Oriented Dynamic Learning Environment adalah sebuah CMS (Content Management System) yang biasa dipakai untuk membuat kelas online didalam Web Read more

Tutorial Wordpress – Mengatasi Warning: Cannot modify header information

Halo, Sob! Pernahkah kamu mengalami pesan peringatan seperti ini saat instalasi pertama WordPress maupun upgrade WordPress kamu? Warning: Cannot modify Read more