用处:

应用http-server搭建本地服务器,实现在手机端查看HTML5动态页面的实现成果。

环境:

node.js

工具:

npm包管理工具

步骤:

  1. 全局装置http-server
    关上cmd(我本人应用的是git bash),输出命令:
 npm install http-server -g  
  1. 进入到想要启动的我的项目所在文件夹:
    这里是通过命令行进入到我的项目文件夹中,windows中也能够在资源管理器中间接进入到我的项目文件夹后,应用shift+"鼠标右键",抉择“在此处关上命令行(PowerShell)窗口”
cd /d/document/projects/wxCoupon
  1. 启动本地服务器
    在命令行中,接着输出以下命令,启动http-server服务器,默认端口号为8080
hs -o 或 http-server -open  
  1. 失常启动后,会呈现以下信息:

此时,在浏览器中拜访开发的页面http://127.0.0.1:8080/index.html,同时关上浏览器的开发者工具即可看到浏览器端模仿的开发成果。

应用手机(须要和电脑处于同一局域网中)拜访http://192.168.31.231:8080/index.html,即可实现真机查看开发成果:

分类: Node

标签: 动态页面, 本地服务器, node, http-server