工欲善其事，必先利其器！

刚学前端的时候一直用的DW来编写代码，其功能非常强大，但在Linux下不能用，所以就转VS Code了。

但是刚开始使用VS Code的时候，很多DW上的功能需要自己安装扩展，并配置才可以使用，遇到坑了只能从网上找方法填坑，而这些东西可能在你环境搭建好了就不用管了，久而久之就忘记了。

当你哪天换台电脑，换个系统的时候，这些基本的环境搭建又得重来一次，这时候可能已经忘记了怎么配置了，还得重新搜索方法，重新填坑....

闲话少说，现在切入正题吧！

本文主要记录了VS Code如何配置SFTP扩展来实现文件上传至远程服务器。

1，首先安装sftp + remote fs扩展包

关于remote fs扩展包的理解，它实际上是把公用的(比如sftp需要的一些参数: host、username、password等)部分抽象到user setting里面，选择上传至不同服务器时只需要改一个参数就可以了。

2，开始配置sftp(其实在安装扩展包后就有配置示例了)

在用户设置里面添加：

快捷键Ctrl+Shift+P打开命令面板，输入User Settings回车，找到扩展里面的remote-fs configuration

"remotefs.remote": {"server_1": {"scheme": "sftp","host": "host1","username": "your username","password": "your password","rootPath": "/path/to/somewhere"},"server_2": {"scheme": "sftp","host": "host2","username": "your username","password": "your password","rootPath": "/path/to/somewhere"}

}

配置sftp.json：

快捷键Ctrl+Shift+P打开命令面板，输入SFTP: Config回车

{"remote": "server_1","remotePath": "/path/to/remoteserver","protocol": "sftp","uploadOnSave": true,"ignore": [".vscode", ".git", ".DS_Store"]

}

参数说明：

remote: 对应上面的user setting 里面的remote

remotePath: 你要上传到服务器的目录

protocol: 传输协议

uploadOnSave: 是否在保存的时候上传至服务器

ignore: 忽略不上传的文件

还有一些其他参数，这里就不一一说明了