PHPStorm.WebStrom配置本地項目與運程服務器同步

WebStrom配置本地項目與遠程服務器同步

說明:PHPStorm、WebStrom等官方的系統開發工具配置本地項目與遠程服務器同步的方法都基本一致沒有,幾乎沒有什麼不同之處,我們拿WebStorm爲例說一下具體的配置過程

能做什麼

我們在團隊開發時基本上開發環境都是統一的測試開發服務器,那你會問:我本地已經安裝了LNMP或LAMP爲什麼還要用測試開發服務器作爲開發環境呢?那我問你:你能保證你的小夥伴們都是同樣的開發環境麼?比如說你的PHP開發環境高,你使用了一個低版本PHP不支持的函數,使用了低版本PHP的小夥伴是不是要報錯,你怎麼知道這個時候你的小夥伴沒有罵娘?哈哈,所以說爲了避免這種情況的發生一般都有一個測試開發服務器(LINUX OS),你和你的小夥伴只是這個服務器上一個用戶,至於使用的開放權限root管理員或者比普通用戶更高級的用戶說的算…

WebStrom開發工具要做的就是將編輯的項目文件實時的同步到遠程服務器,當你訪問你剛編輯的文件時遠程端已經更新這就是我們想要的效果或者說功能吧,在WebStorm配置同步文件到遠程服務器,其實它就相當於你使用xftp(上傳下載工具和xshell是兄弟不要說你不知道不知道我也不告訴你,因爲您老真是拖後腿了噻)工具拽一個服務器上的文件到本地,編輯完成後你又將文件上傳覆蓋到服務器上是一個道理,讓你使用WebStorm開發更省心省力

怎麼配置

選擇 ‘文件’ -> ‘設置’ (Default shortcut keys for Ctrl + Alt + S) 打開Settings對話框

Setting對話框選擇 ‘Build, Execution, Deployment’ -> ‘Deployment’ -> 點擊 ‘Add(Insert)’ 打開Add Server對話框

Add Server對話框內輸入Name值爲linux-server-mapping-directory (這個值爲連接遠程服務器標籤名稱可以隨意輸入,但我們的原則是見名知意);

Type類型選擇爲SFTP

Setting Dialog

Settings對話框內選擇linux-server-mapping-directory標籤名稱

選擇Connection標籤,在對應用的Upload/download project files中輸入如下圖所示信息

SFTP host: 遠程服務器IP地址
Port: 連接所使用的端口號
Root Path: 爲項目所在目錄
User name: 用戶名
Auth type: 選擇默認的Password
Password: 用戶登錄密碼

Setting Dialog Connection

通過Test SFTP connection…測試連通性,可以判斷是否連接成功,不成功請確認用戶名和密碼是否輸入正確

Test SFTP connection...

選擇Mapping標籤

設置Local path爲本地項目目錄

設置Deployment path on server ‘linux-server-mapping-directory’/根目錄就可以

PS: 這裏的根是相對於/home/warnerwu/blog項目目錄而言

設置Web path on server ‘linux-server-mapping-directory’/根目錄就可以

Mapping

設置Options如下圖所示:

Options

怎麼使用

  • 上傳整個項目到遠程linux開發服務器

右擊項目目錄 -> Deployment -> Update to linux-server-mapping-directory

  • 上傳單個文件到遠程linux開發服務器

右擊將要上傳的單個文件 -> Deployment -> Update to linux-server-mapping-directory

  • 修改後按快捷鍵 Ctrl+S 保存時自動上傳文件到遠程linux開發服務器

修改文件後保存時自動上傳到linux遠程開發服務器

下面兩張圖是上傳整個項目目錄到遠程linux開發服務器的示意圖:

Using

Result

同理下載也是相對應的, 你也可以對比本地與linux開發服務器項目目錄有什麼不同,

如果說你不喜歡 zend studio 那麼這個ide將是你手裏最得心應手的一把刀 …

PHPStorm是最有情懷的ide不喜勿噴, 每個人都不同的習慣,

當然了我想能看到這個文檔的都是PHPStorm使用者, 希望對你的開發工作有所幫助!

發佈了52 篇原創文章 · 獲贊 52 · 訪問量 17萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章