如何设置让webstorm支持vue可以让测试的时候能在手机上显示页面

前端开发中,经常需要将做好的页面给其他同事预览或手机测试,之前一直用的第三方本地服务器usbwebserver,偶然了解到WebStorm内置服务器也可以满足此需求,来看看如何设置吧~~
1、端口更改和允许外部:更改端口号&63342&为&8080&,并&&&可以接受外部链接,如下
2、在部署中增加一条规则
3、设置规则名称和方式
4、设置文件地址(前端页面本地文件夹路径)和访问路径(本机IP和8080端口):
5、第二个选项卡中的地址与前面保持一致(前端页面本地文件夹路径)
OK,设置完成,现在用webstorm直接页面预览,可以看到页面地址
已经由原先的:http://localhost:63342/****.html
更改为现在的:http://192.168.1.148:8080/****.html
直接复制这个路径给你的小伙伴吧,只要他们的设备和你的电脑保持在同局域网,即可打开预览了
另文件路径与文件名称尽量使用字母和数字命名,防止中文路径被转码或设备不识别哦
阅读(...) 评论()拒绝访问 |
| 百度云加速
请打开cookies.
此网站 () 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(37c271f234ba43d7-ua98).
重新安装浏览器,或使用别的浏览器问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
静态页面想用手机测试,勾选允许外部访问,手机还是打不开
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
有一个办法是 你用手机连接你电脑wifi
然后在访问的时候把localhost改成你电脑ip然后访问这个页面就可以
之前试过是可以的
同步到新浪微博
分享到微博?
Hi,欢迎来到 SegmentFault 技术社区!⊙▽⊙ 在这里,你可以提出编程相关的疑惑,关注感兴趣的问题,对认可的回答投赞同票;大家会帮你解决编程的问题,和你探讨技术更新,为你的回答投上赞同票。
明天提醒我
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:
扫扫下载 App23177人阅读
Code(36)
&&相关文章推荐
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:270720次
积分:3441
积分:3441
排名:第9231名
原创:92篇
转载:42篇
评论:30条
(1)(1)(2)(1)(1)(1)(1)(1)(1)(2)(1)(1)(2)(1)(1)(10)(2)(3)(1)(1)(1)(6)(4)(1)(4)(6)(1)(1)(3)(4)(2)(5)(1)(3)(9)(1)(4)(6)(1)(1)(2)(1)(1)(1)(2)(1)(2)(1)(2)(4)(1)(3)(1)(3)(1)(1)(2)(4)(1)(1)(2)

我要回帖

更多关于 webstorm 字体设置 的文章

 

随机推荐