WebStorm 局域网内其他设备访问方式

2017-10-18  本文已影响0人  繁华遇见

为了页面能在手机上看,搜了好几个文章,都不行。最终东搞西搞加上自己的理解,终于可以了。

下面来总结一下:

1、Mac :点击WebStorm,选Preferences, Win下应该是Setting。

打开偏好设置

2、点击Debugger,在跳出的界面设置端口号,为8080,Can accept external connections 勾选上。

设置端口

3、点击Deployment,点击加号,设置一个Name,类型选择 Local or mounted folder .

添加 Sever

4、在Connection 中,设置好项目的路径, 以及访问路径。访问路径这个地方就是本机的IP加上8080,很多文章只给到这。我后来试了一下是404,还有很多网友也是这个结果,之后观察了一下做此设置之前的浏览器地址特征,http://localhost:63342/Client/DOM.html  。就尝试这在访问路径后补充了项目所在文件夹的名字。运行成功。

如果按照图中的方式不行,就尝试以下两种方式

(1)http://10.0.0.8:8080   IP地址+端口号

(2)http://10.0.0.8:8080/Users/wuxinbo/WebstormProjects/Client      IP地址+端口号+完整的路径

设置项目路径以及访问路径

5、Mappings中设置本地路径,路径与上一步的路径一样

设置本地路径

至此大功告成。

上一篇 下一篇

猜你喜欢

热点阅读