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

前端开发中,经常需要将做好的页面给其他同事预览或手机测试,之前一直用的第三方本地服务器usbwebserver,偶然了解到WebStorm内置服务器也可以满足此需求,来看看如何设置吧~~

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

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

3、设置规则名称和方式

4、设置文件地址(前端页面本地文件夹路径)和访问路径(本机IP和8080端口):

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

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

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

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

直接复制这个路径给你的小伙伴吧,只要他们的设备和你的电脑保持在同局域网,即可打开预览了

另文件路径与文件名称尽量使用字母和数字命名,防止中文路径被转码或设备不识别哦

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏coding for love

在线商城项目07-mac下mongodb的下载与配置

这一章本来不想讲的,因为关于配环境这种事,其实网上真的很多资料,但是考虑到确实好多人都不喜欢配环境这种事,因为觉着很麻烦而止步不前,很是可惜。这一节我们来看看如...

802
来自专栏学海无涯

iOS开发之使用Git的基本使用(二)

通过前文iOS开发之使用Git的基本使用(一)的学习,相信大家对如何将iOS项目通过Git传到GitHub账户上有了一个基本的了解,其过程是相对繁琐和容易出错的...

662
来自专栏Guangdong Qi

# 微信小程序开发之-初试

1703
来自专栏性能与架构

如何管理linux开机自启服务?

自启动服务非常重要,例如 (1)需要手动添加希望自启的服务,如安装svn后没有自动添加,就需要我们手动加入 (2)安装某些程序后,自动加到自启动了,但我们...

29511
来自专栏美奔科技

web站点应用之路_wdcp面板设置篇(二)

安装配置好wdcp之后,我们就进入wdcp面板的设置界面了,首先刚进来的时候,会提示你更换登录密码和数据库密码。根据版本的不同,显示的内容也会有一定的区别...

1764
来自专栏程序员的知识天地

Vue开发环境搭建全过程,一步一个坑

Vue这里就不多作介绍了,首先我们要安装好整个开发环境,其实Windows和Mac的整个过程基本一样

2251
来自专栏王大锤

xcode插件安装

1644
来自专栏知晓程序

开发 | 拒绝打开就授权!小程序如何用新能力获取用户资料?

简单来说,这次能力更新,为 button 组件的 open-type 属性赋予了新的有效值 getUserInfo(声明需要获取用户信息)。

2053
来自专栏微信小程序开发

python\b包cutImages生成方法,可以把自己的代码包发布到网上

如何分享自己的python代码到pypi,方便其他同学使用?相信不少写python的同学都用过第三方提供的库,使用这些库减少了我们的一些工作量,那么,你是否考虑...

34311
来自专栏WindCoder

ubuntu13.10下安装Eclipse兼tar.gz提取时提示失败的解决办法

前段时间一直想编程时在linux下常驻,于是在ubuntu里面配置java环境,按Eclipse遇到了点问题,就一直没能继续进行下去,今天刚刚找到解决办法,终于...

641

扫码关注云+社区