vscode + sftp

1. 安装sftp扩展

在vscode扩展中搜索sftp，下载量超过一百万的那个就是了，作者是liximomo。

image

按F1键搜索SFTP:Config,接下来配置sftp.json, 注意不要注释

{
    "host": "server-ip",
    "port": server-port,
    "username": "***",
    "password": "***",
    "protocol": "sftp", 
    "agent": null,
    "privateKeyPath": null, 
    "passphrase": null, 
    "passive": false, 
    "interactiveAuth": true,
    "remotePath": "yourfolderpath",
    "uploadOnSave": true,
    "syncMode": "update",
    "ignore": [
        "**/.vscode/**",
        "**/.git/**",
        "**/.DS_Store"
    ],
    "watcher": {
        "files": "glob",
        "autoUpload": true,
        "autoDelete": true
    }

}

2. 在本地编辑远程文件并测试

按F1键搜索view:Show SFTP，在vscode的右侧会出现SFTP的图标，在这里可以查看到远程文件

DeepinScreenshot_select-area_20190117161143.png

打开一个远程文件

DeepinScreenshot_select-area_20190117161329.png

初始内容是

DeepinScreenshot_select-area_20190117161434.png

现在我们修改一下

DeepinScreenshot_select-area_20190117161535.png

需要注意的是，修改完成后你保存的只是本地副本，还需要经过上传，才能达到真正修改的目的，右键选择upload即可，为了方便起见，这里修改一下快捷键，连续按下ctrl+k和ctrl+s，再ctrl+f搜索upload，将对应项快捷键设为ctrl+alt+s

DeepinScreenshot_select-area_20190117162004.png

上传之后，源文件就已经和本地编辑器相同了