VS Code 關於SFTP上傳檔案到多伺服器的配置

摘要： 工欲善其事，必先利其器！ 剛學前端的時候一直用的DW來編寫程式碼，其功能非常強大，但在Linux下不能用，所以就轉VS Code了。 但是剛開始使用VS Code的時候，很多DW上的功能需要自己安裝擴充套件，並配置才可以使用，遇到坑了只能從網上找方法填坑，而這些東西可能在你環境搭建好了...

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

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

還有一些其他引數，這裡就不一一說明了