webstorm设置测试服务器 -- 局域网内其他设备访问（localhost变更为ip地址查看）

一、为什么设置成服务器，用IP地址查看？

 移动端的开发页面想要在手机端查看，使用localhost是无法查看的只有使用IP地址才可以通过本机IP访问该页面，查看页面效果

二、设置方法

1、查看本机 IP 地址

调出cmd命令行，输入ipconfig ，获取本机ip地址：192.168.1.100

2、设置 webstorm 选项

① 弹出设置选项卡 : File ->Settings...

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

③ 在部署中增加一条规则

④ 设置规则名称

⑤ 设置方式和文件地址（前端页面本地文件夹路径）和访问路径（本机IP和8081端口）：

⑥ 设置mappings（中的地址与前面保持一致（前端页面本地文件夹路径））

（1）Local path 有个默认值，也即是项目的根目录，不做修改
（2）开发路径设置为“\”即可
（3）Web path设置为"/"即可