怎样设置webstorm localhost为本地ip

最近在使用WebStorm测试移动端项目时,预览网页时地址总是显示的 http://localhost:63342/... ,如果要调试其它设备感觉很不方法,此时肯定首先想到的亲爱的度娘,但是貌似没有真正很解决问题的(可能是我搜索方法不对)。最后偶然发现以下的一个设置方法。

设置的前提是你此前就能直接用本机IP地址访问到网页,我的是以前就配置好了Apache相关设置的。

先看效果

我的WebStorm是 10.0.3版本,不过我想webstorm的设置应该是差不多的吧。看图说话:

1、当我直接用WebStorm预览网页时

得到的直接预览地址是:

可以通过 File --> Setting,搜索 deployment 点击 + 号

然后输入一个名称,选择:Local or mounted folder,点击 OK

接下来选择你的本地项目路径,我的是在E: ,输入你的本机IP,选择 Mappings 标签 设置红框里的本地项目路径,最后点击 OK

再次用WebStorm预览

我们可以看到浏览器地址栏的地址已经是IP了

haley欢迎您来访本博客。此博客是作者在工作中的一个记事本,方便下次遇到同样问题时,以最快的速度解决掉遇到的问题。如果您发现哪里写的不对,欢迎给我留言,让我们一起进步。不胜感激!
原文地址:https://www.cnblogs.com/haley168/p/webstorm-localhost.html