本文檔僅適用於HBuilderX 2.7.12+版本

1. sftp/ftp插件簡介

HBuilderX 2.7.12+版本，優化了SFTP/FTP插件

SFTP/FTP插件市場插件地址

此插件是vscode中流行的ftp插件，因HBuilderX兼容vscode的部分插件生態，也可以在HBuilderX中使用。

  • 使用此插件，可將本地工作區文件，與FTP服務器或linux服務器文件同步。
  • 支持ftp/sftp協議
  • 支持遠程文件目錄瀏覽、上傳、下載、刪除
  • 支持自動保存上傳

2. sftp/ftp使用介紹

使用步驟：

  1. 如下圖，在項目管理器，新建一個空目錄或空項目，然後選中
  2. 右鍵菜單，點擊【Ftp: 創建連接配置】
  3. 系統自動創建.ftp/ftp-sync.json配置文件
  4. 編輯ftp-sync.json, 填寫host（ip）、username（用戶名）、password（密碼）、port（端口）、protocol（協議）
  5. 填寫完配置文件，右鍵菜單，點擊【Ftp: 瀏覽遠程文件】
  6. 選擇文件目錄，進行上傳、下載、刪除操作

2.1 創建ftp/sftp配置文件

1. sftp/ftp插件簡介 - 图1

2.2 同步目錄

  • 從遠程同步到本地
  • 從本地同步到遠程

1. sftp/ftp插件簡介 - 图2

2.3 本地編輯遠程文件、刪除遠程文件

選中項目，右鍵菜單【FTP: 瀏覽遠程文件】，即可打開SFTP視圖

1. sftp/ftp插件簡介 - 图3

3. ftp配置文件參數說明

  1. {
  2.     "name": "Linux測試服務器",
  3.     "host": "ip地址",
  4.     "protocol": "sftp",
  5.     "port": 22,
  6.     "username": "用戶名",
  7.     "password": "密碼",
  8.     "remotePath": "遠程目錄",
  9.     "uploadOnSave": false
  10. }

注意：配置文件是放在項目下的普通json文件，存放着ftp賬號。若你的項目使用三方node庫，請注意其可靠性，避免ftp賬戶失竊

4. ftp、sftp協議說明

本插件支持FTP、sftp兩種協議。

如果遠程服務器，搭建了ftp服務，username和password需要填寫ftp的用戶密碼

sftp不需要任何配置，開啓SSH默認就開啓了SFTP。也就是說，如果您的遠程服務器爲linux系統，即使沒有搭建ftp服務，也可以通過sftp連接，使用文件同步的服務。

  • SSH/SFTP，默認端口爲：22
  • 使用sftp服務，username和password，需要填寫目標電腦的用戶、密碼

5. ftp/sftp 菜單配置快捷鍵

菜單【工具】【自定義快捷鍵】，即可對sftp相關菜單配置快捷鍵。

具體如下， 可以把key值改成自己想要的快捷鍵

  1. [
  2.     // 瀏覽遠程文件
  3.     {
  4.         "key": "ctrl+shift+w",
  5.         "command": "sftp.revealInRemoteExplorer"
  6.     },
  7.     // 同步遠程數據到本地
  8.     {
  9.         "key": "ctrl+shift+r",
  10.         "command": "sftp.sync.remoteToLocal"
  11.     },
  12.     // 同步本地數據到遠程
  13.     {
  14.         "key": "ctrl+shift+l",
  15.         "command": "sftp.sync.localToRemote"
  16.     },
  17.     // 上傳當前文件夾
  18.     {
  19.         "key": "ctrl+shift+h",
  20.         "command": "sftp.upload.folder"
  21.     },
  22.     // 下載當前文件夾
  23.     {
  24.         "key": "ctrl+shift+q",
  25.         "command": "sftp.download.folder"
  26.     },
  27.     // 項目管理器 右鍵菜單 FTP: 上傳選中文件
  28.     {
  29.         "key": "ctrl+shift+u",
  30.         "command": "sftp.upload.file"
  31.     },
  32.     // 在本地編輯遠程文件
  33.     {
  34.         "key": "ctrl+shift+e",
  35.         "command": "sftp.remoteExplorer.editInLocal"
  36.     },
  37.     // 刪除遠程文件
  38.     {
  39.         "key": "ctrl+shift+d",
  40.         "command": "sftp.delete.remote"
  41.     },
  42.     // 刷新
  43.     {
  44.         "key": "ctrl+shift+f",
  45.         "command": "sftp.remoteExplorer.refresh"
  46.     }
  47. ]