WebStorm配置本地测试服务器

时间 2019-11-17

标签 webstorm 配置本地测试服务器栏目 Storm 繁體版

原文原文链接

1. 点击Settings 进入设置前端

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

a. 将端口号 63342 改成 8080ui

b. 勾选Can accept external connections(能够接受外部链接)3d

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

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

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

4. 选择 Connectionblog

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

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

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

5. 选择 Mappings

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

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

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

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