查看vcode里面是否包含连接至服务

如果包含填写主机名（宝塔路径/端口）

然后填写Socket路径（服务器密码）

在拓展中下载SFTP

下载后配置

然后快捷键 ctrl+shift+P 打开指令窗口，输入sftp:config，回车，就会在当前工作工程的.vscode文件夹下生成一个sftp.json文件，我们需要配置的是：host, username, privateKeyPath, remotePath, ignore这几个内容即可：
 

{
    "name": "Test Server",
     "protocol": "sftp",
     "host": "172.16.3.202",
     "username": "root",
     "password": "baifendian",
     "port": 3222,
     "agent": null,
     "privateKeyPath": null, 
    "passphrase": null,
    "passive": false, 
    "interactiveAuth": true,
    "remotePath": "/opt/vscode/DF-DEVOPS/",
    "context": "D:\\vscode\\df-devops",
    "uploadOnSave": false,
    "downloadOnOpen": false,
     "watcher": {
         "files": "**/*",
         "autoUpload": true,
         "autoDelete": true
     },
   "ignore": [
        "node_modules",
        ".vscode",
        ".idea",
        ".DS_Store"   
     ]
 }

注意主要开启"uploadonsave": true,"downloadonOpen": true,两个都要为true，一个是在vscode本地写了代码同步到服务器，一个是修改服务器时同步到本地。点击保存即可同步，无需二次更改服务器或本地代码