【移动端】移动端项目手机预览方法

Windows系统移动端项目，手机预览方法：

环境要求：node安装成功

第一步：打开命令行工具

               ① win + r    打开windows运行窗口

               ② 输入 cmd 打开命令行工具

第二步：安装全局http服务

               npm install -g http-server    （npm安装全局http服务）

               cnpm install -g http-server   （国内镜像安装全局http服务）

第三步：进入项目打开http服务

               ① cd 项目  （根据自身路径进入到移动端项目）

               ② 输入 http-server  打开 http服务

第四步：手机访问命令行工具里弹出的 ip地址即可

Mac系统移动端项目，手机预览方法：

第一步：打开mac终端，开启Apache（mac系统自带无需下载）：

//开启apache:
 sudo apachectl start
//重启apache: 
 sudo apachectl restart
//关闭apache: 
 sudo apachectl stop

第二步：查看mac ip地址：

//打开终端输入命令
ifconfig

 第三步：手机或者电脑访问mac的IP地址

出现该字样，表明服务启动成功！

第四步：打开finder  使用快捷键 Command+Shift+G 打开查询文件窗口输入 /Library/WebServer/Documents 文件地址进入该文件

 

 把你想要预览的文件放入Documents中

第五步：设备访问 http://ip/文件名 即可访问

扩展：手机访问mac ip 地址出现的 It works！字样，其实是访问了documents文件夹下的index.html.en 文件，所以开启服务后，document里的文件都可以被同网络的任意设备通过当前mac的ip地址访问到！

手机预览vue脚手架项目请移步【移动端】vue脚手架项目手机实时预览方法