SFTP安裝與設定

在這個教學中，我們要在VSCODE安裝一個便利的外掛，以解決之前，毎次修改都要手動上傳修改的檔案，加上這個外掛，一旦設置妥當，編輯後按儲存，檔案就會自動上傳至遠端資料夾。

2021/10/10 注意，因VSCode版本升級初始SFTP套件(liximomo作者)產生相容性問題，請改用Natizyskunk作者修改的版本，才能正常工作：

• 回到專案，按下 F1 輸入 sftp 就可導出SFTP相關的操作，選擇「SFTP: Config」，

• 首次設定時，SFTP外掛會自動給出初始設定資料：

{
    “name”: “My Server”,
    “host”: “localhost”,
    “protocol”: “sftp”,
    “port”: 22,
    “username”: “username”,
    “remotePath”: “/”,
    “uploadOnSave”: true
}

• 將初始的設定修改如下(u1085100為例)：

{
    "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，跟上面的操作相反的方向。