DEV Community

Cover image for How to Transfer Local Files to Remote Server in VS Code | VSCode SFTP Extension | vs code SFTP.
HMA WebDesign
HMA WebDesign

Posted on

How to Transfer Local Files to Remote Server in VS Code | VSCode SFTP Extension | vs code SFTP.

How to connect Visual Studio code to a remote server?
How does VSCode work remotely?
How to open a remote file in VSCode?
How to change the code on the remote file in VSCode?

In this video tutorial, I will explain the Visual Studio Code SFTP/FTP extension and how you can transfer your local website files to a remote web server. You can follow these steps to set up Vscode sftp?

Step 1: Open your Visual Studio Code application.
Step 2: Open any locally hosted project on vscode.
Step 3: Download the SFTP extension from the Vscode extension section.
Step 4: After installation, press Ctrl+Shift+P from your keyboard and type SFTP: config on the command palette. This will create a new file named sftp.json under the .vscode folder.
My sftp.json file looks like below. Edit the host, username, password, and remotePath variables according to your web hosting FTP account.

{
"name": "Project Name",
"host": "Host name or IP Address of remote server",
"protocol": "ftp",
"port": 21, //for sftp port number is 22
"username": "USERNAME",
"password": "PASSWORD",
"remotePath": "/your/project/directory"
}

Watch Full Tutorial

Related Searches:
vscode-remote ssh could not establish connection
vscode-remote server
vscode server
vs code remote development
vscode-remote ssh keep asking for password
vscode remote ssh password
vscode-remote-ssh not working
vscode remote ssh raspberry pi


Suggested Videos:

How to Create a SignUp & Login Form In HTML and CSS | Responsive Registration Form
https://youtu.be/fAV_5aTiocI

10 Input Types in HTML Every Web Developer Must Know in 2021 | HTML5 Input Types Tutorials
https://youtu.be/8qBPKXRUOnk

How to Design a Responsive HTML Email Template from Scratch 2021 | Create HTML Newsletter
https://youtu.be/c8GwsCZcBIc

How to Send Email to Client Using PHP Mail Function | Sending Email in PHP 2021 Tutorial
https://youtu.be/DeqOVJ-aXkg

$_POST | What is the Post Variable in PHP | How to Use Post Variables in PHP 2021
https://youtu.be/HO-TrXY4a1A

How to Define Variables in PHP | How to Create PHP Variables | (PHP tutorial-3) - 2021
https://youtu.be/bfqAa0Gm3YY

How to Start First PHP Web Project on Local Server/Localhost PHP Tutorial-2
https://youtu.be/18I7U4-nJb0

How to Start Web Project with Microsoft Visual Studio 2021 | Visual Studio Project
https://youtu.be/MLzuQ_pH9Ew

How to Get Start PHP Hello World Page on Live Web Server | PHP Tutorial - 1

https://youtu.be/Uc7uLD7Ur6M

Contact me through social media for web development work:

Top comments (0)