WebStorm配置本地测试服务器

1. 点击Settings 进入设置

2. 选择 Build, Execution, Deployment 下的 Debugger

a. 将端口号 63342 改为 8080

b. 勾选Can accept external connections(可以接受外部连接)

3. 选择 Build, Execution, Deployment 下的 Deployment

a. 点击"+"号，增加一条规则

b. 设置 Name 为 localhost，Type 设置为 Local or mounted folder(本地或安装文件夹)

4. 选择 Connection

a. Folder 设为本地前端页面文件夹路径

b. Web server root URL 设为本机的IP和8080端口

c. 电脑运行 cmd 打开终端输入 ipconfig 命令查询本机IP地址

5. 选择 Mappings

a. Local path 设置为本地前端页面文件夹路径

b. Web path on server 'localhost ' 设置为前端页面的文件夹

6. 以上设置完成之后预览页面，页面地址如下。

7. 直接复制该地址发送到任意和该电脑在同一个局域网内的设备就可以了，也可以在手机上进行调试了。

WebStorm配置本地测试服务器相关推荐

Webstorm配置本地服务器
Webstorm配置本地服务器这样我们就可以让在同一个局域网下的同事或者手机预览前端页面了 (本人是在Mac环境下配置的,其实都一样) 1.端口号更改和可接受外部连接进入Webstorm的Pre ...
在webstorm中怎么配置本地服务器
前端IDE有挺多的,比如Dreamwear,Hbuilder,Webstorm:还有许多纯文本编辑器.不过我还是比较喜欢Webstorm.因为webstorm自带了一个本地服务器.如果你把项目放到本地 ...
手把手教你搭建Mac环境微信小程序的本地测试服务器
问题的提出 Mac环境方便快捷地搭建小程序的测试服务器小程序对于网络请求的URL的特殊要求不能出现端口号不能用localhost 必须用https 主要步骤用json-server搭建简单的 ...
node.js安装express（零起点搭建本地测试服务器）- 教程篇
(含图文教程.代码对比,等)node.js安装express(零起点搭建本地测试服务器)- 教程篇原教程 · 参考地址执行step3之后,结果截图 · 如下图2 : 之后,执行step4,截图如下 ...
动手搭建自己的本地测试服务器
动手搭建自测服务器,加快本地开发进度,最近自己在开发过程中有这么一个需求,在开发本地应用模块过程中,需要请求服务器测试服务器,但是服务器老出问题,于是就有自己本地搭建一个服务器的一个想法,然后配置接口 ...
怎么搭建微信小程序的本地测试服务器
Windows环境下手把手教你搭建Windows环境微信小程序的本地测试服务器问题的提出 Mac环境方便快捷地搭建小程序的测试服务器小程序对于网络请求的URL的特殊要求不能出现端口号不能用 ...
phpstudy搭建本地网络测试以及DW建立本地测试服务器站点的超详细图解
第一步.显示80端口被占用,以及Apache和MySql未全绿第二步.其他选项菜单右击,找到phpStudy设置,点击:找到端口常规设置,进入:更改端口号,改为8080端口,点击应用(必点):如果还 ...
redhat enterprise linux 下配置本地yum源
一.在linux 6.1中本地yum源配置:首先编辑yum源配置文件我们可以再这个目录中新创建一个配置文件, #cd /etc/yum.repos.d, #vim yum.repo配置文件内容简介 ...
redhat7配置本地yum、163 yum、epel 源
都知道redhat不收费,但是其yum服务是要收费的,不想出钱那就自己配置yum源就好了. 首先,博主之前也没用过redhat,第一次用yum装包的时候提示什么没注册之类的,balaba一大堆,然后就 ...

WebStorm配置本地测试服务器

WebStorm配置本地测试服务器相关推荐

最新文章

热门文章