前言:
最近在學習網頁設計,陸續接觸到了HTML、CSS和JavaScript,寫的代碼越來越多了,也越來越感覺到將代碼上傳到伺服器上的流程太繁瑣了。一開始我是用虛擬機器主機提供的控制台下載上傳網頁代碼,後來用FTP工具遠端連線了虛擬機器主機的FTP伺服器,但是整個操作過程依舊不夠簡潔。這篇文章我將分享一個直接在Sublime Text 3裡面串連FTP伺服器,只使用Sublime Text 3就完成對遠程FTP伺服器上檔案的下載、修改和上傳等操作,提高網頁編輯的效率。 1.配置外掛程式安裝環境
開啟SublimeText3,使用Shift + Ctrl + P開啟命令選擇區
輸入:
install
選中輸入框下面彈出的
Install Package Control
稍等一會就會彈出成功安裝的提示。
使用Shift + Ctrl + P開啟命令選擇區,輸入:
install
選中輸入框下面彈出的:
Install Package
稍等一會安裝就會完成。 2.配置SFTP外掛程式
使用Shift + Ctrl + P開啟命令選擇區,輸入:
SFTP
點擊下面彈出的SFTP,等待完成安裝。
之後依次開啟:
File -> SFTP/FTP -> Setup Server
這時會看到下面的代碼(其他代碼沒有列出,下面的中文注釋是我添加上去的):
// sftp, ftp or ftps "type": "sftp", //如果使用的SFTP協議就用“sftp”,否則就改成“ftp” "sync_down_on_open": true, "sync_same_age": true, "host": "example.com", //在這裡輸入遠程伺服器的IP地址或者網域名稱 "user": "username", //在這裡輸入FTP使用者名稱 //"password": "password", //在這裡輸入FTP密碼(注意去掉最前面的注釋符號“//”) //"port": "22", //這雷根據自己的情況填寫,一般FTP對應21號連接埠,SFTP對應22號連接埠,同時記得去掉最前面的注釋符號“//” "remote_path": "/example/path/", //在這裡選擇遠程伺服器中有關項目的路徑
配置完成後儲存,就像儲存其他檔案一樣,起一個名字,尾碼命名為“.json”,點擊儲存就可以了。
(註:自動建立的儲存路徑是C:\Users\Master\AppData\Roaming\Sublime Text 3\Packages\User\sftp_servers) 3.下載並編輯遠程FTP伺服器上的檔案
依次開啟
File -> SFTP/FTP -> Browse Server
出現兩個選項,一個是“Add New Server”另一個就是我們剛才配置好的遠程FTP伺服器。
選擇我們剛才配置好的遠程FTP伺服器,就會列出“Folder actions”和“Up a folder”以及我們在設定檔裡輸入的遠程FTP伺服器項目路徑下的檔案夾和檔案。點擊之後會出現“Back to list”、“Edit”、“Rename”、“Chmod”、“Delete”選項,可以根據需要選擇要進行的操作。編輯完成後,使用“Ctrl + S”按鍵組合就可以將檔案儲存到遠程FTP伺服器上了。
end
更多內容請訪問我的個人網站荒原之夢