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 条评论
登录 后参与评论

相关文章

来自专栏Ken的杂谈

CentOS 7 下RabbitMQ 3.7 安装与配置

https://ken.io/note/centos7-erlang-install

694
来自专栏静下来

CentOS Nginx升级过程

今天在对另外一台服务器做伪静态处理,才发现系统的nginx版本挺低的,1.4.4算比较老了吧,然后就顺手升级到1.8版本的,本来打算升级到1.10.1,但是考虑...

2886
来自专栏快乐八哥

ASP.NET输出JSON格式数据

一直使用WordPress3.1的版本,12月份WordPress发布了3.5的版本,想尝试升级一一下。当然最好是先在本地环境测试通过,然后上传的服务器是最好的...

18710
来自专栏快乐八哥

WordPress3.5安装出现的几个问题

一直使用WordPress3.1的版本,12月份WordPress发布了3.5的版本,想尝试升级一一下。当然最好是先在本地环境测试通过,然后上传的服务器是最好的...

2067
来自专栏地方网络工作室的专栏

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十)打包项目并发布到子目录

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十)打包项目并发布到子目录 前情回顾 通过上一章《Vue2+VueRou...

1888
来自专栏小白安全

emlog博客系统去除分类sort优化SEO

分类URL网址中有个sort字样只会在开启伪静态后才显示 想去除EMLOG伪静态分类网址中的sort, include文件夹下,在lib文件夹下找到d...

33211
来自专栏JavaEE

gradle构建工具的使用前言:一、gradle简介:二、gradle的安装:三、eclipse中配置gradle:四、使用gradle构建项目:总结:

gradle是构建工具,类似于ant和maven,也许目前maven还是主流,但是gradle却是综合了ant和maven的优点,发展速度很快,所以很有必要了解...

572
来自专栏互联网杂技

大家知道什么是git中的 .gitignore吗?

团队开发中,需要一种工具来协调我们的工作。因为代码不是由一个人写的,而是团队成员,每一个人都有自己的工作。于是呢,每天都有代码提交到项目里面,每天开始写的时候,...

3027
来自专栏北京马哥教育

十分钟带你上手fabric

? vfabric是什么? ? ? vFabric的安装 ? v常用的fabric接口 ? ? vFabric的简单使用 ? ? v如何进行多机线上部...

34911
来自专栏雪胖纸的玩蛇日常

腾讯云centos安装python3.6和pip

892

扫描关注云+社区