前端开发中,经常需要将做好的页面给其他同事预览或手机测试,之前一直用的第三方本地服务器usbwebserver,偶然了解到WebStorm内置服务器也可以满足此需求,来看看如何设置吧~~
1、端口更改和允许外部:更改端口号“63342”为“8080”,并“√”可以接受外部链接,如下
2、在部署中增加一条规则
3、设置规则名称和方式
4、设置文件地址(前端页面本地文件夹路径)和访问路径(本机IP和8080端口):
5、第二个选项卡中的地址与前面保持一致(前端页面本地文件夹路径)
OK,设置完成,现在用webstorm直接页面预览,可以看到页面地址
已经由原先的:http://localhost:63342/****.html
更改为现在的:http://192.168.1.148:8080/****.html
直接复制这个路径给你的小伙伴吧,只要他们的设备和你的电脑保持在同局域网,即可打开预览了
另文件路径与文件名称尽量使用字母和数字命名,防止中文路径被转码或设备不识别哦