一、command+, 調出webstorm的preferences。或者直接選擇webstorm的preferences。 php
二、搜索deployment。 html
三、點擊+號,name能夠本身隨意取,type選擇local or mounted folder web
四、connection裏面填寫2項:
(1)upload/download project file:apache 相應目錄地址(即便不作任何配置,把寫好的html和php放到這裏面,不用任何設置就能夠進行頁面的查看,如今對webstorm進行配置,這裏填的就是這個路徑)。
(2)browse file on server:運行地址(個人apache端口號是80,因此我寫的是80,不一樣人設置的端口號不同,可按需更改)。 apache
五、mappings裏面填寫2項:
(1)local path:要部署的文件夾地址:(就是webstorm要運行的項目目錄)
(2)deployment path on server ‘apache’(relative to folder ‘/applications/xampp/htdocs’):
部署到對應的Apache根目錄文件夾。
由於我在connection裏就寫了完整的文件夾,因此這裏寫個\就能夠了。 瀏覽器
六、exclude paths: 能夠設置哪些文件能夠不被上傳(我暫時沒有設置這個,這個能夠不填) app
七、webstorm的tools選擇deployment,選擇upload to apache。將項目上傳到apache,這樣點瀏覽器就能夠運行了。
若是不想每次都傳的話,能夠選擇automatic upload. webstorm
八、點擊瀏覽器的小按鈕,出現頁面,運行成功。
輸入員工編號101時,點擊查詢,service.php的status爲200(沒有出現恐怖的404),大功告成!!! spa