SFTP安裝與設定
在這個教學中,我們要在VSCODE安裝一個便利的外掛,以解決之前,毎次修改都要手動上傳修改的檔案,加上這個外掛,一旦設置妥當,編輯後按儲存,檔案就會自動上傳至遠端資料夾。
2021/10/10 注意,因VSCode版本升級初始SFTP套件(liximomo作者)產生相容性問題,請改用Natizyskunk作者修改的版本,才能正常工作:
- 回到專案,按下 F1 輸入 sftp 就可導出SFTP相關的操作,選擇「SFTP: Config」,
{
“name”: “My Server”,
“host”: “localhost”,
“protocol”: “sftp”,
“port”: 22,
“username”: “username”,
“remotePath”: “/”,
“uploadOnSave”: true
}
{
"name": "My Server",
"host": "u1085100.stu.fgchen.com",
"protocol": "sftp",
"port": 22,
"username": "u1085100",
"password": "XXXXXXXXXXXXXXXXXX",
"remotePath": "/home/u1085100/public_html/wp_dev/wp-content/themes/mycalendar13",
"uploadOnSave": true
}
- remotePath是說本地端的專案目錄所對應的遠地端目錄名稱,請參考上面的範例,改成你帳號與專案目錄特有的。
- uploadOnSave:設為true的話是說,只要檔案進行儲存,就會自動上傳至遠端資料夾。
下圖是設定好SFTP,會在專案目錄中產生一個隱藏目錄.vscode,目錄中的sftp.json儲存設定資料,日後需要修改的話,需打開此檔案。
之後,若有新的專案要設定,可以簡單地把.vscode這目錄及sftp.json複製到新專案目錄即可。
SFTP操作:
- sync Local -> Remote,將本地端的資料夾整個同步到遠端,當遠端沒有資料時,可以做這樣的操作,一次性地把本地端資料整個FTP至遠端,類似我們使用FileZilla工具,將整個資料上傳至遠端。
- sync Remote -> Local,跟上面的操作相反的方向。