webstorm预览html配置localhost为本机ip地址

webstorm默认打开html的路径是 http://localhost:63342/...,当我们想在手机上看时这个地址显然不行，于是需要修改一下webstorm的配置，File->Settings->Build, Execution, Deployment;
首先需要修改debugger部分的红框框住部分，修改端口号，勾选后面部分：

然后是修改Deployment，点击+号添加一个服务器，类别选择Local or mounted folder

注意folder这里路径写所在文件夹的根目录，意思是如果你的html是在，写的路径就应该是，否则会找不到这个文件；
web server Url 就写本机ip地址加上你刚刚在debugger里配置的端口号；

然后是Mappings，local path同上面的folder，deployment path也是根路径，最后点击apply，就完成配置啦~

现在在webstorm里面选择用Chrome浏览器预览html已经是ip地址啦，这样就可以在手机上调试网页了！