1. 程式人生 > >使用WebStorm/Phpstorm實現remote host遠端開發

使用WebStorm/Phpstorm實現remote host遠端開發

如果你的開發環境是在遠端主機上,webstorm可以提供通過ftp/ftps/sftp等方式實現遠端同步開發。這樣我們可以就拋棄ftp、winscp等工具,通過webstorm編輯遠端檔案以及部署,本文基於WebStorm5.04編寫, Intellij IDEA或者PHPStorm使用方法基本相同,可參考之。並且還要感謝因特里基友群群主大貓的幫助。

1、首先我們來建立一個基於遠端主機的project,點選file>new project from existing sources,打開了建立project的對話方塊,我們選擇第四項,例如我們的遠端主機通過ftp/sftp/ftps等方式傳輸檔案,點選next。

2、設定project name與本地路徑,deployment option這項選擇custom,設定完畢next。

3、設定deployment option,注意Upload changed files automatically to default server,此項可以設定本地檔案上傳到遠端主機的時機,我選擇on explicit save action(ctrl+s),這樣就可以通過快捷鍵ctrl+s來上傳檔案,然後next。

4、配置遠端主機,就不解釋啦~ 配置好了next。

5、指定遠端主機的根目錄,我們點選project root即可,然後next。

6、配置訪問路徑,完了finish。

7、到此,我們的遠端project就算建立完畢了,webstorm會從遠端主機下載檔案到本地路徑,如下圖,左邊欄為本地project檔案,右邊欄remote host為遠端主機的檔案,看看是不是一一對應起來了? 這樣我們在本地修改一個檔案,再按ctrl+s就可以自動上傳到遠端主機了。

通過tool>deployment,我們可以對進行更多遠端部署相關的操作和設定。

結合Live edit,可以實現遠端無重新整理編輯除錯。