【JetBrains WebStorm 11.0.3】服务器设置---局域网内其他设备访问（移动端手机访问测试等）

IntelliJ IDEA 简体中文专题教程

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

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

 

2、在部署中增加一条规则，设置规则名称和方式（按图设置即可）

3、设置文件地址（前端页面本地文件夹路径）和访问路径（本机IP和8080端口）：        获取本机ip地址方法

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

设置完成！！！

现在用webstorm直接页面预览，可以看到页面地址，已经由原先的：http://localhost:63342/****.html   更改为现在的：http://192.168.1.148:8080/****.html

直接复制这个路径给你的小伙伴，只要他们的设备和你的电脑保持在同局域网，即可打开预览了（另文件路径与文件名称尽量使用字母和数字命名，防止中文路径被转码或设备不识别）