How to Transfer Local Files to Remote Server in VS Code | VSCode SFTP Extension | vs code SFTP.
Tags: webdev, vscode, serverless, css
Published: 2021-05-25 06:24:37


**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**

{% youtube kdiYg_bxt0k %}

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


-----------------------------------------------------------
- Please have a look at my website for more details!
         https://hmawebdesign.com
- Place an order for any Web Development work!
         https://www.fiverr.com/haaddison1?up_rollout=true
---------------------------------------------------------------

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:

- Fiverr             https://www.fiverr.com/haaddison1?up_rollout=true
-  witter:          https://twitter.com/HmaWebdesign
- Facebook:    https://web.facebook.com/HmaWebdesign
- LinkedIn:      https://www.linkedin.com/in/engrmianayub/
- Instagram     https://www.instagram.com/hmawebdesign/