使用http-server搭建本地服務器開發靜態頁面

用途：

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