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

剛學前端的時候一直用的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: 忽略不上傳的文件

還有一些其他參數，這里就不一一說明了