用途：
使用 http-server 搭建本地服务器，实现在手机端查看HTML5静态页面的实现效果。
环境：
node.js
工具：
npm包管理工具
步骤：
1、全局安装http-server
打开mac 终端(Windows cmd)，输入命令：
npm install http-server -g
如果提示permission 错误 说明无权限安装，使用管理员权限安装
sudo npm install http-server -g
安装成功如下
11.png
2、进入想要启动的项目文件夹，并启动服务
进入到目录文件
cd /Users/**/**/【目标文件夹】
启动本地服务器
hs -o 或 http-server -open
正常启动后，会出现以下信息：
22.png
(a)、此时，在浏览器中访问开发的页面http://127.0.0.1:8080/index.html，同时打开浏览器的开发者工具即可看到浏览器端模拟的开发效果。
(b)、使用手机（需要和电脑处于同一局域网中）访问http://10.108.14.130:8080/index.html，即可实现真机查看开发
(c)、结束服务 直接crtrl+c
网友评论