{"id":42287,"date":"2023-09-27T16:17:02","date_gmt":"2023-09-27T09:17:02","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=42287"},"modified":"2023-09-27T16:17:04","modified_gmt":"2023-09-27T09:17:04","slug":"cara-setting-ftp-di-visual-studio-code","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-setting-ftp-di-visual-studio-code\/","title":{"rendered":"Cara Setting FTP di Visual Studio Code"},"content":{"rendered":"\n

Visual Studio Code adalah salah satu text editor yang dapat Anda gunakan untuk mengelola file atau folder di server hosting. Anda dapat menghubungkan Visual Studio Code dengan server melalui protokol FTP. Dalam artikel ini, kami akan berbagi cara setting FTP di Visual Studio Code secara mudah.<\/p>\n\n\n\n\n\n

Sebelum kami bahas tentang cara setting FTP di Visual Studio Code, terlebih dahulu kita akan membahas tentang apa itu FTP untuk memudahkan Anda dalam memahami artikel ini. Berikut informasinya. <\/p>\n\n\n\n

Apa itu FTP?<\/h2>\n\n\n\n

Seperti yang telah kita ketahui bersama, FTP adalah singkatan dari File Transfer Protocol<\/em>. Dari namanya, kita sudah bisa menebak bahwa ftp merupakan protokol yang berfungsi untuk melayanai transfer file<\/em>, baik dari local<\/em> ke server ataupun sebaliknya.<\/p>\n\n\n\n

Pada layanan hosting, Anda dapat menggunakan username dan password cPanel untuk menghubungkan server dengan aplikasi ftp client. Dengan FTP, kita dapat mengupload, mengedit, hingga menghapus data di server secara lebih mudah. <\/p>\n\n\n\n

Informasi lebih lanjut mengenai FTP dapat dilihat dari halaman berikut ini: Apa itu FTP?<\/a><\/p>\n\n\n\n

Mengenal Visual Studio Code<\/h2>\n\n\n\n

Visual Studio Code atau yang biasa kita kenal sebagai VS Code adalah aplikasi text editor yang dikembangkan oleh Microsoft. Visual Studio Code adalah software open source yang tersedia secara gratis dan dirancang khusus untuk pengembangan perangkat lunak.<\/p>\n\n\n\n

Pada perkembangannya, Visual Studio Code tidak hanya digunakan untuk edit script<\/em> website namun juga digunakan untuk beberapa fungsi lain seperti SSH, debug, GIT hingga koneksi FTP. <\/p>\n\n\n\n

Saat ini VS Code dapat dijalankan di berbagai platform termasuk Windows, macOS, dan Linux, sehingga sangat fleksibel dalam penggunaannya. <\/p>\n\n\n\n

Setting FTP di Visual Studio Code<\/h2>\n\n\n\n

Ada beberapa hal yang perlu Anda lakukan untuk menghubungkan FTP dengan Visual Studio Code, yaitu seperti install plugin atau extension hingga melakukan login. Berikut langkah-langkahnya. <\/p>\n\n\n\n

Step 1. Install extension<\/em> FTP <\/h3>\n\n\n\n

Langkah pertama yang perlu dilakukan adalah Install plugin atau extension<\/em> FTP di Visual Studio Code. Ada beberapa extension<\/em> yang bisa Anda gunakan seperti ftp-simple, ftp-sync, simple-ftp atau yang lain.<\/p>\n\n\n\n

Pastikan Anda mengunduh ekstensi berbasis FTP, bukan SFTP. Di tutorial kali ini, kami akan menggunakan extension<\/em> ftp-simple.<\/p>\n\n\n\n

\"ftp-plugin\"<\/a><\/figure>\n\n\n\n

Step 2. Setting FTP<\/h3>\n\n\n\n

Setelah extension<\/em> terinstal, langkah selanjutnya adalah melakukan setting FTP di VS Code. <\/p>\n\n\n\n

    \n
  1. Pada extension ftp-simple tekan F1, lalu pilih ftp-simple : Config – FTP connection setting<\/strong> seperti gambar berikut.

    Nantinya kita akan diarahkan untuk mengatur (setup) settingan FTP hosting\/server\/vps tujuan.<\/li>\n<\/ol>\n\n\n\n
    \"setting<\/a><\/figure>\n\n\n\n
      \n
    1. Selanjutnya, silahkan melengkapi data FTP yang akan Anda gunakan untuk menghubungkan VS Code ke server. Apabila Anda menggunakan cPanel, Anda dapat menggunakan username dan password login ke cPanel sebagai FTP User.

      Anda juga bisa membuat akun FTP di cPanel yang panduannya bisa Anda pelajari pada artikel berikut:       cara membuat akun FTP cPanel<\/a><\/li>\n<\/ol>\n\n\n\n
      \"setup<\/a><\/figure>\n\n\n\n

      Keterangan pengisian<\/strong> :<\/p>\n\n\n\n