使用httpserver搭建本地服务器开发静态页面

33次阅读

共计 548 个字符,预计需要花费 2 分钟才能阅读完成。

用处:

应用 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

正文完
 0