前端開發中,經常需要將做好的頁面給其他同事預覽或手機測試,之前一直用的第三方本地服務器usbwebserver,偶然了解到WebStorm內置服務器也可以滿足此需求,來看看如何設置吧~~
1、端口更改和允許外部:更改端口號“63342”為“8080”,並“√”可以接受外部鏈接,如下
2、在部署中增加一條規則
3、設置規則名稱和方式
4、設置文件地址(前端頁面本地文件夾路徑)和訪問路徑(本機IP和8080端口):
5、第二個選項卡中的地址與前面保持一致(前端頁面本地文件夾路徑)
OK,設置完成,現在用webstorm直接頁面預覽,可以看到頁面地址
已經由原先的:http://localhost:63342/****.html
更改為現在的:http://192.168.1.148:8080/****.html
直接復制這個路徑給你的小伙伴吧,只要他們的設備和你的電腦保持在同局域網,即可打開預覽了
另文件路徑與文件名稱盡量使用字母和數字命名,防止中文路徑被轉碼或設備不識別哦