WEBSTORM-localhost变更为ip地址查看

localhost变更为ip地址原因

移动端的开发页面想要在手机端查看,使用localhost是无法查看的只有使用IP地址才可以通过本机IP访问该页面,查看页面效果

变更方法

查看本机 IP 地址

调出cmd命令行,输入cmd按enter键
WEBSTORM-localhost变更为ip地址查看_第1张图片
输入ipconfig
WEBSTORM-localhost变更为ip地址查看_第2张图片
获取本机ip地址:192.168.0.41

设置 webstorm 选项

弹出设置选项卡
WEBSTORM-localhost变更为ip地址查看_第3张图片

设置端口号,选择debuggerWEBSTORM-localhost变更为ip地址查看_第4张图片

需要选择上图红框中内容,否则手机端无法访问

设置localhost变更

点击 + ,输入 localhost
WEBSTORM-localhost变更为ip地址查看_第5张图片
设置connection

  1. 设置项目的根目录
  2. 设置项目的WebServerUrl:本地ip地址+设置的端口号

设置mappings
1.Local path 有个默认值,也即是项目的根目录,不做修改
2.开发路径设置为“\”即可
3.Web path设置为"/"即可
WEBSTORM-localhost变更为ip地址查看_第6张图片
点击Apply,Ok 按钮
打开要查看的html页面,点击浏览器查看
WEBSTORM-localhost变更为ip地址查看_第7张图片
发现路径缺少projectName
因此调整connection、mapping设置
Local path ,也即是项目的根目录,设置为该目录的上级目录
WEBSTORM-localhost变更为ip地址查看_第8张图片
WEBSTORM-localhost变更为ip地址查看_第9张图片

打开要查看的html页面,点击浏览器查看,此时路径正确

你可能感兴趣的:(开发软件使用,webstorm)