簡(jiǎn)介
sftp工具用來與服務(wù)器通訊，上傳/下載文件操作卜壕。
日常開發(fā)工作中，經(jīng)常會(huì)需要打包傳到服務(wù)器上烙常，每次使用sftp工具連接到服務(wù)器轴捎，找到指定路徑，然后將本地某個(gè)目錄上傳到服務(wù)器端蚕脏。
安裝
打開VSCode編輯侦副，搜索插件 sftp ，然后安裝驼鞭，如下所示秦驯。
安裝之后可能會(huì)提示重啟VSCode后生效。
配置
點(diǎn)擊視圖打開命令面板挣棕，或按快捷鍵 Ctrl + Shift + P (windows) / Command + Shift + P (Mac) 译隘，輸入 config ,進(jìn)行sftp配置，之后VSCode會(huì)自動(dòng)在當(dāng)前工作空間目錄下新建一個(gè) .vscode 文件夾洛心，里面有個(gè) sftp.json 配置文件固耘。操作步驟如下所示
接下來我們做如下所示配置
{
"name": "上傳 BOE 到內(nèi)網(wǎng) 241",
"host": "192.168.0.241",
"protocol": "sftp",
"port": 22,
"username": "root",
"password": "password",
"remotePath": "/work/zte-vue/boe/dist",
"context": "./boe/dist",
"uploadOnSave": false
}
配置說明
| 屬性 | 說明 |
|---|---|
| name | 用來上傳/下載時(shí)顯示的名稱，多配置時(shí)方便區(qū)分词身。 |
| host | 服務(wù)器ip地址 |
| protocol | 協(xié)議 |
| port | 端口號(hào) |
| username | 服務(wù)器登錄賬號(hào) |
| password | 服務(wù)器登錄密碼 |
| remotePath | 對(duì)應(yīng)的服務(wù)器文件夾地址 |
| context | 本機(jī)文件地址 |
| uploadOnSave | 保存本地文件后是否立即上傳到服務(wù)器 |
當(dāng)我們需要把本地文件夾內(nèi)容上傳到服務(wù)器端時(shí)厅目，我們只需再次打開命令面包(快捷鍵 Ctrl + Shift + P)，輸入 sftp偿枕，選擇 Upload Project璧瞬，上傳文件到服務(wù)器。之后的文件有修改需要再次上傳到服務(wù)器端渐夸，只需要點(diǎn) Sync Local -> Remote 即可嗤锉。
上傳成功或失敗，在VSCode編輯器底部狀態(tài)欄有相應(yīng)的成功或失敗提示墓塌。
有些情況下瘟忱，我們的工作空間是多個(gè)項(xiàng)目，需要上傳到不同的服務(wù)器目錄下苫幢，這時(shí)候我們就需要進(jìn)行多配置访诱。
多配置如下示例
[
{
"name": "上傳 zfs-fssc-web 到內(nèi)網(wǎng) 241",
"host": "192.168.0.241",
"protocol": "sftp",
"port": 22,
"username": "root",
"password": "abcd1234",
"remotePath": "/work/zte-vue/",
"context": "./zfs-fssc-web/dist",
"uploadOnSave": false
},
{
"name": "上傳 BOE 到內(nèi)網(wǎng) 241",
"host": "192.168.0.241",
"protocol": "sftp",
"port": 22,
"username": "root",
"password": "abcd1234",
"remotePath": "/work/zte-vue/boe/dist",
"context": "./boe/dist",
"uploadOnSave": false
}
]
上傳文件的步驟和上傳單文件一樣。
寫在最后
本文沒有大篇章幅的講述每個(gè)配置項(xiàng)的用途韩肝，主要已實(shí)際用途為主介紹触菜，完整配置項(xiàng)說明點(diǎn)擊此處查看。
