在webstorm中配置本地服務器-局域網內其餘設備訪問（移動端手機訪問測試等）

前言：我在網上找了不少教程，都寫得不夠全面，因而我親自通過屢次試驗，試驗出來了，如今分享給你們，另外我用的版本是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.訪問

　　  操做順序：

　　　　在瀏覽器輸入咱們剛剛配置好的路徑就能夠訪問了， 手機也同樣（其餘電腦及手機訪問須要在同一個網段裏面）。