工欲善其事,必先利其器!
刚学前端的时候一直用的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: 忽略不上传的文件
还有一些其他参数,这里就不一一说明了