WebStorm配置本地測試伺服器

風暴阿呆發表於2017-12-14

1. 點選Settings 進入設定

WebStorm配置本地測試伺服器

2. 選擇 Build, Execution, Deployment 下的 Debugger

a. 將埠號 63342 改為 8080

b. 勾選Can accept external connections(可以接受外部連線)

WebStorm配置本地測試伺服器

3. 選擇 Build, Execution, Deployment 下的 Deployment

a. 點選"+"號,增加一條規則

b. 設定 Name 為 localhost,Type 設定為 Local or mounted folder(本地或安裝資料夾)

WebStorm配置本地測試伺服器

4. 選擇 Connection

a. Folder 設為本地前端頁面資料夾路徑

b. Web server root URL 設為本機的IP和8080埠 

WebStorm配置本地測試伺服器

c. 電腦執行 cmd 開啟終端 輸入 ipconfig 命令 查詢本機IP地址

WebStorm配置本地測試伺服器

5. 選擇 Mappings

a. Local path 設定為本地前端頁面資料夾路徑

b. Web path on server 'localhost ' 設定為 前端頁面的資料夾

WebStorm配置本地測試伺服器

6.  以上設定完成之後預覽頁面,頁面地址如下。

WebStorm配置本地測試伺服器

7. 直接複製該地址傳送到任意和該電腦在同一個區域網內的裝置就可以了,也可以在手機上進行除錯了。

WebStorm配置本地測試伺服器


相關文章