通常咱們拿到的ftp信息要包含:ftp主機地址(ip地址或域名),用戶名,密碼和一個網址用來預覽php
使用xftp,安裝打開以後界面如圖所示css
點擊左上角文件下方的新建圖標,會彈出來以下界面html
填寫主機、用戶名、密碼以後點擊肯定,若是信息沒錯的話web
服務器的網站目錄通常是wwwroot、public_html、htdocs服務器
若是是咱們公司的程序,目錄通常是app
html文件通常在template/default裏面,css,js,images就在根目錄phpstorm
裏面的文件不要用記事本打開webstorm
點擊選項->高級->去掉將記事本用做文本編輯器的勾->修改編輯器的路徑爲sublime的可執行文件,編輯器
相似:D:\Program Files\Sublime Text 3\sublime_text.exe測試
以後右鍵點擊要修改的文件使用sublime打開,修改以後在sublime中保存就會自動上傳
打開webstorm,新建個空項目打開,而後點右上角 Remote Host
而後點這個
你的左邊列表應該是空的,點擊+新建一個 填寫host(主機)、port(通常是21)、
rootpath(通常選擇項目根目錄,可是你可能不知道哪一個是項目根目錄,就填個/),
username(用戶名)、password(密碼),最好勾選save password(保存密碼),以後點test ftp connection(測試ftp可否鏈接)
若是成功而後點mapping
下圖所示位置填 /
以後就能夠點ok了
通常咱們只須要修改css和html 因此選擇css和template點擊右鍵選擇Download 下載到本地
下載完成以後可能就像這樣
選擇左邊的文件修改就能夠,若是服務器網速夠快的話,就跟在本地修改同樣愉快。。
勾選下圖的automatic就能夠在修改以後自動上傳