WebStorm设置手机测试服务器-局域网内其他设备访问

前端开发中，经常需要将做好的页面给其他同事预览或手机测试，WebStorm内置服务器可以满足此需求，来看看如何设置

 

File --> Setting --> Built,Execution,Deployment --> Debugger（或者直接搜索Debugger）

1、端口更改和允许外部：更改端口号“63342”为“8080”，并“√”可以接受外部链接，如下:

2、在部署中增加一条规则

点击上图的绿色加号。

3、设置规则名称和方式

4、设置文件地址（前端页面本地文件夹路径）和访问路径（本机IP和8080端口）：

5、第二个选项卡中的地址与前面保持一致（前端页面本地文件夹路径）

OK，设置完成，现在用webstorm直接页面预览，可以看到页面地址

OK，设置完成，现在用webstorm直接页面预览，可以看到页面地址

已经由原先的：http://localhost:63342/****.html

更改为现在的：http://192.168.1.148:8080/****.html

这里有一个问题，就是8080后面要跟文件夹myBalance4.0,再添加页面即可。