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

用途：

使用http-server搭建本地服務器，實現在手機端查看HTML5靜態頁面的實現效果。

環境：

node.js

工具：

npm包管理工具

步驟：

1. 全局安裝http-server
   打開cmd(我自己使用的是git bash)，輸入命令：

 npm install http-server -g  

2. 進入到想要啟動的項目所在文件夾：
   這里是通過命令行進入到項目文件夾中，windows中也可以在資源管理器中直接進入到項目文件夾后，使用shift+"鼠標右鍵",選擇“在此處打開命令行（PowerShell）窗口”

cd /d/document/projects/wxCoupon

3. 啟動本地服務器
   在命令行中，接着輸入以下命令，啟動http-server服務器，默認端口號為8080

hs -o 或 http-server -open  

4. 正常啟動后，會出現以下信息：

此時，在瀏覽器中訪問開發的頁面http://127.0.0.1:8080/index.html，同時打開瀏覽器的開發者工具即可看到瀏覽器端模擬的開發效果。

使用手機（需要和電腦處於同一局域網中）訪問http://192.168.31.231:8080/index.html，即可實現真機查看開發效果：