VS code编辑器配置SFTP连接

说明:

使用VS code sftp功能可以实现在本地windows上面进行代码编辑,保存的同时直接自动同步更新到服务器上面,下面我就如何安装sftp服务器以及配置sftp服务器分享经验

sftp安装步骤

1.在VS code编辑器商店中搜索sftp,找到第一个点击安装

image.png

2.此时sftp插件就已经安装好了

sftp使用以及配置

1.从本地电脑新建一个文件夹,里面新建一个php文件(模拟项目)

image.png

使用VScode编辑器打开刚才新建立的文件夹

image.png

2.使用CTRL+SHIFT+P，输入sftp后选择 如图:

image.png

3.此时在test目录下面生成了一个.vscode的文件夹,存放着sftp.json配置文件,用来配置远程服务器

image.png

image.png

代码:

{
    "name": "swoole_study",
    "host": "fwq.geekrabbit.xyz",
    "protocol": "sftp",
    "port": 6031,
    "username": "root",
    "password": "rabbit@123",
    "remotePath": "/swoole",
    "uploadOnSave": true,
    "watcher": {
        "files": "**/*",
        "autoUpload": true,
        "autoDelete": true
    }
}

5.在服务器上面创建相关的文件夹,文件夹的目录一定要和sftp.json文件下面的remotepath的路径一致

image.png

6.好了现在sftp的配置和安装都已完成,下面来看看sftp是如何使用的吧

sftp的使用

1.添加操作

• 当我从本地的one.php里面添加一行代码后并且 ctrl+s的效果见图,本地文件已经上传到到了服务器了

  
  
  image.png

• 现在查看服务器 此时服务器上面的swoole文件夹里面的内容也从本地同步上来了

image.png

2.修改文件内容

• 本地

  
  
  image.png

• 服务器

  
  
  image.png
  
  

  3.修改文件名称

• 本地

  
  
  image.png
• 服务器

image.png

4.删除文件

• 本地

  
  
  image.png
• 服务器

image.png

5.本地多文件上传到服务器
自动上传
由于在配置文件里面将监听功能开启了,只要本地的文件夹有变动,服务器的文件夹就会跟着自动更新
手动上传

• 将sftp.json文件里面的如图的参数改成false

  
  
  image.png

• 从test文件夹里面新添加三个文件 此时服务器上面和本地的区别 ,本地有文件,服务器上面没有文件

  
  
  image.png

• 此时在VS code编辑器的左侧目录区 鼠标右键弹出一个列表 按照如图所示进行选择

  
  
  image.png
  
  
  image.png
• 此时查看服务器

image.png

以上就是sftp的最基本用法