若是開發和測試環境不一樣,或者常常使用機器是windows,項目要求必須liunx,這時候我選擇虛擬機安裝liunx,部署ssh服務,主機安裝winscp配合putty,使用webstorm開發,對於web前端目前主流的webpack熱編譯,時時地傳送文件到虛擬機,實在是很是累人的事情,因而選擇工具的自動同步。php
在webstom編輯器依次選擇 Tools – Deployment – Configuration,添加一個遠程主機,這個名字只是備註用,隨便寫,協議選擇FTP(也支持SFTP、本地等)html
這個時候主要就是填寫遠程主機的FTP信息了,除了基本的FTP信息填寫完畢外,還須要填寫以下信息:前端
Root path //這個選項是要打開的路徑,這樣作主要是爲了防止誤操做影響項目,填寫後上級目錄不會展現,固然你能夠不寫 Web server root URL //這裏就是調試的網址
另外,須要配置一下本地和服務器的文件映射,以下圖所示:webpack
最後,咱們再調整一下本地和遠程主機的映射便可,若是要添加了多個遠程主機的話,記得把要使用的項目點擊一下 Use this server as default。
遠程主機配置好後咱們就能夠看一下目錄結構了,點擊 Tools – Deployment – Broswse Remote Host,而後就會看到遠程的文件了。web
可是這時候要實現同步仍是要手動傳輸的,距離實現自動化還差一點點,打開 Tools – Deployment – Options,咱們把Upload changed files 一項改成 On explicit save action,意思也就是每次保存都會同步到遠程服務器。windows