前言：我在網上找了很多教程，都寫得不夠全面，於是我親自經過多次試驗，試驗出來了，現在分享給大家，另外我用的版本是webstorm 2018.1.5，我們一起看下面的配置一流程：
1.首先需要配置你的端口號並允許服務被外部訪問
操作順序：
① 點擊左上角“ file（文件）”
②點擊Settings（設置）,彈窗設置窗口
③ 在彈窗左側上方搜索框搜索“deployment” ，從左側菜單中找到“Debugger” ，點擊選擇， 當然也可以直接搜索“debugger”來查找，我這只是方便下一步操作。
④點擊彈窗左側菜單中“debugger”
⑤輸入要配置的端口號，（按端口號定義規則，8080其他軟件用的太多，怕沖突我這用的是8888）
⑥勾選 can accept external connections （可以接受外部連接）
⑦應用配置 （詳細操作看下圖↓↓↓↓↓↓↓↓）
File -> settings -> Debugger -> port:8888 -> 勾選 can accept external connections –> apply.
2.部署環境
操作順序：
①點擊彈窗左側菜單中“Deployment”
②點擊彈窗中間上方的“+”號，彈出小彈窗
③ 在Name處 填寫服務器名稱（我這寫的是qs，可以自定義你的服務器名稱）
④在Type處點擊下拉選擇服務器類型為 “Local or mounted folder”
⑤點擊ok （小彈窗自動關閉出現項目設置在界面，詳細操作看下圖↓↓↓↓↓↓↓↓）
Deployment -> ”+” -> name -> Type -> ok
3.獲取本地ip地址
操作順序：
①按鍵盤“窗口” + R 鍵 彈出運行彈窗
②在運行彈窗 輸入"cmd"
③ 點擊確定，彈出DOS窗口
④在DOS窗口中輸入“ipconfig” 按回車
⑤在查詢到的列表中找到 自己的ip ，記錄下來，后面用。
運行 -> cmd -> ipconfig
4.設置項目路徑
操作順序：
①切換"Connection" 為當前頁簽（默認單簽就是該頁簽）
②在Folder處，設置項目的文件路徑，可以點輸入框后面的三個點選擇
③ 在Web server root URL處 填寫本機ip地址加端口號（格式：http://172.17.11.133:8081）
④切換"Mappings" 為當前頁簽
⑤在Local path處，檢查項目路徑是否正確，不正確可以點輸入框后面的三個點重新選擇
⑥服務器上的部署路徑(此處為相對路徑，如果只是本地起個項目可以不用管,但是不填會提示，於是可以填‘\qs’);
⑦在 Web path on server 'xxx' 處、填寫項目最后一級文件名稱
（這個地方很重要，填錯訪問就會出現 “404 Not Found”，我們以我的例子說明，這是我的項目路徑 “D:\work_test\qs”，那么這個地方就應填‘/qs’）
⑧點擊應用
⑨點擊 OK （詳細操作看下圖↓↓↓↓↓↓↓↓）
Folder-> Web server root URL -> Web path on server 'xxx' -> apply ->ok
5.訪問
操作順序：
在瀏覽器輸入我們剛剛配置好的路徑就可以訪問了， 手機也一樣（其他電腦及手機訪問需要在同一個網段里面）。
