一技肩、啟動SFtp
話說小編最近愛上了vs code開發(fā)工具,一是方便敏捷浮声,二是與逐浪CMS結(jié)合開發(fā)非常高效虚婿。
于是想配備一款FTP工具。
用上了大家推薦的sftp插件泳挥,就是下面這款:
作為一款FTP插件確實是很優(yōu)秀然痊,因為他提供了其它FTP插件所不具備的文件目錄瀏覽功能,可視化操作非常方便屉符。
安裝它就是非常方便了剧浸,只要在擴展中,搜索:sftp矗钟,就能完成安裝唆香。
二、上手vs code SFTP插件
2.1 初始配置
安裝好了sftp插件后吨艇,按f1
或ctrl+shift+p
躬它,呼出命令,輸入sftp东涡,就能配置ftp信息冯吓。
配置文件初始信息如下所示:
{
"name": "My Server",
"host": "localhost",
"protocol": "sftp",
"port": 22,
"username": "username",
"remotePath": "/",
"uploadOnSave": true
}
SFTP原理是這樣的:首先本地要有一個項目文件夾,同時遠(yuǎn)程也有一個項目文件夾软啼,然后通過配置文件來同步二者桑谍。
SFTP可以查看遠(yuǎn)程項目所有文件,但不能直接操作祸挪,必須操作本地項目文件锣披,再同步到遠(yuǎn)程項目。
現(xiàn)在我們本地和遠(yuǎn)程均有一個文件夾“sftpFolder”,用VsCode打開本地文件夾“sftpFolder”雹仿,然后執(zhí)行 ctrl+shift+p 增热,搜索 SFTP:Config ,回車后胧辽,會生成一個“.vscode/sftp.json”峻仇,這個就是配置文件。
同時邑商,如下圖左側(cè)會多了一個“遠(yuǎn)程目錄
2.2解決亂碼問題
sftp插件摄咆,本身是支持ftp協(xié)議的,美中不足是對中文目錄支持欠佳人断,默認(rèn)會顯示亂碼吭从,而作為中文開發(fā)這是很難接受的。
最后解決亂碼的問題恶迈,就是在服務(wù)器端部署SFTP服務(wù)端來解決涩金。
作為專注微軟大數(shù)據(jù)的開發(fā)廠商,需要在windows server上部署sftp的方案暇仲,推薦可以采用FreeSSHD的解決方案步做。
FreeSSHD SFTP Server
http://www.freesshd.com/
freeFTPd 或者 freeSSHd 都可以設(shè)置 sftp 用戶,但不能像 xlight 那樣細(xì)分權(quán)限奈附,都是讀寫權(quán)限全度!
freeSSHd 的 sftp,所有用戶只有一個 sftp 的主目錄斥滤。
freeFTPd 的 sftp讼载,可以給不同的用戶設(shè)定不同的目錄。
freeSSHd 可以設(shè)置系統(tǒng)賬號中跌、公鑰咨堤、密碼的登錄方式,不像 xlight 只能在密碼漩符、公鑰里二選一一喘。
freeFTPd 可以設(shè)置系統(tǒng)賬號、密碼嗜暴、匿名的登錄方式凸克。
其中freeSSHd支持中文目錄不亂碼,是比較推薦的使用方法闷沥,缺點是只能支持一個目錄
配置好了windows下的sftp服務(wù)器萎战,則就可以自由的使用啦(詳細(xì)可見本文后面)
三、SFTP配置
3.1常用配置
{
"name": "本地文件夾名稱(可自定義)",
"host": "ip或域名",
"protocol": "協(xié)議:[sftp/ftp]默認(rèn)ftp",
"port": 22,
"username": "username",
"password":"password",
"remotePath": "遠(yuǎn)程文件夾地址舆逃,默認(rèn)/",
"context": "本地文件夾地址蚂维,默認(rèn)為vscode工作區(qū)根目錄",
"uploadOnSave": true,
"downloadOnOpen":false,
"ignore": [
"**/.vscode/**",
"**/.git/**",
"**/.DS_Store"
],
"watcher": {
"files": "*",
"autoUpload": false,
"autoDelete": false
}
}
配置文件不能寫注釋戳粒,所以這里說明一下其中幾個屬性:
- uploadOnSave:本地更新文件保存會自動同步到遠(yuǎn)程文件(不會同步重命名文件和刪除文件)
- downloadOnOpen:從遠(yuǎn)程服務(wù)器下載打開的文件
- ignore:忽略的文件(匹配的文件不會同步)
- watcher:監(jiān)聽器(可以重命名文件和刪除文件)
- autoUpload:文件變更會自動同步(修改和重命名)
- autoDelete:文件刪除會自動同步
3.2示例配置
一個例子:
{
"name": "test",
"host": "abc.com",
"protocol": "ftp",
"port": 21,
"username": "username",
"password":"password",
"remotePath": "/",
"uploadOnSave": true,
"ignore": [
"**/.vscode/**",
"**/.git/**",
"**/.DS_Store"
],
"watcher": {
"files": "*",
"autoUpload": false,
"autoDelete": false
}
}
多個sftp站點同時使用,注意context項不能相同:
[
{
"name": "server1",
"context": "project/build",
"host": "host",
"username": "username",
"password": "password",
"remotePath": "/remote/project/build"
},
{
"name": "server2",
"context": "project/src",
"host": "host",
"username": "username",
"password": "password",
"remotePath": "/remote/project/src"
}
]
- 其實你可以將sftp配置文件即
.vscode/sftp.json
直接拷到任意項目的根目錄虫啥,從而快速實現(xiàn)配置文件引用蔚约。 *
四毫缆、SFTP使用
其中:Upload Folder 和 Download Folder 在 uploadOnSave 和 watcher 都關(guān)閉的情況下使用味榛。
五坠宴、部署與使用文獻
站長管理服務(wù)器必讀:Ftp痊焊、Ftps與Sftp三兄弟的不同與區(qū)別以及部署全指引
https://www.z01.com/help/Cloud/3553.shtml
windows 上搭建 sftp 服務(wù)器 -freesshd全過程( 在linux上部署逐浪CMS的必讀教程)
https://www.z01.com/help/Cloud/3552.shtml
用于Windows系統(tǒng)的免費SFTP服務(wù)器-Free SFTP Servers及各款軟件功能對比
https://www.z01.com/help/web/3555.shtml