vscode+sftp 开发模式环境的同步

背景

项目用到连接远程测试服务器进行开发联调;需要借用FTP/SFTP工具;在strom编辑器能够快速的配置起来;但是在vscode下;需要安装SFTP/FTP的扩展插件才能同步代码

实现

首先vscode中安装插件sftp;作者是liximomo;安装完以后重新加载一下;然后去配置同步数据的参数;此时注意这个配置文件需要自己手动的创建(我按照作者的use方式没有成功)目录地址为 .vscode 在该目录下新建一个sftp.json;然后具体的配置选项我贴上我的配置选项;你可以参考改为自己的

{
    "host": "ip地址",
    "port": 22,
    "username": "登录名",
    "password": "登录密码",
    "protocol": "sftp", 
    "agent": null,
    "privateKeyPath": null, 
    "passphrase": null, 
    "passive": false, 
    "interactiveAuth": true,
    "remotePath": "需要打到的远程的文件夹地址",
    "uploadOnSave": true,
    "syncMode": "update",
    "ignore": [
        "**/.vscode/**",
        "**/.git/**",
        "**/.DS_Store"
    ],
    "watcher": {
        "files": "glob",
        "autoUpload": true,
        "autoDelete": true
    }

}

这样也要注意;我在代码里面没有写配置项的注释;因为在我本机如果出现 // 这样的注释符都会报错;也不能成功同步代码;至于每一项的配置;可以查看作者的github的内容 https://github.com/liximomo/v... (我就是复制了了里面的全部;一直报错 - -!这坑真大);等都编辑完成保存后;可以编辑保存一下;然后右键Upload;刷新一下浏览器查看是否同步了代码。
如果发现已经可以了;就证明已经成功了;不妨给Upload编辑一个快捷键(我自己编辑的 ctrl+alt+s ;和保存多了一个alt)

将配置改为"uploadOnSave": true,就可以实现保存自动提交了;不需要设置快捷键了

最后

不想放弃vscode这个编辑器;主要是站30MB的运行内存很吸引人(没钱换mac);社区也很活跃插件层出不穷;自己搜度娘也一直不能同步代码;可能还是自己配置的有问题吧;写这个文章是想把这个方式分享出去;有像我这样的开发模式的同学的时候也能快速的配置完ftp同步开发

如果你发现配置了没有效果;留言大家一起解决

阅读 38k更新于 2018-06-20
推荐阅读
目录