*手機端調試神器
注:下文都是Mac環境
在平常開發過程中,常遇到沒有用任何框架和工具,就是要運行一個簡單的html頁面,需要啟一個本地的服務器。本文提供一種簡單的方式。本機訪問都可以,手機或其他設備連接,請使用192ip,必須在同一局域網下;
1. 安裝node.js
官網地址:https://nodejs.org
下載官網推薦版本,並安裝。
在命令行輸入命令node -v以及npm -v檢查版本,確認是否安裝成功。
2. 安裝http-server
http-server詳細介紹,包括參數等:
https://www.npmjs.com/package/http-server
在命令行中安裝到全局(-g表示安裝到全局,之后所有文件夾路徑下輸入http-server都可以使用):
npm install http-server -g
有可能會出現權限問題,在npm前加上sudo
3. 開啟服務
命令行中進入目標文件夾(也就是需要啟動服務的文件夾),輸入如下命令:
http-server
本地服務器就啟動起來了,默認端口為8080。
--------------以下 win10親測 -----------------------
首先! 全局安裝沒什么好說的叭
npm install http-server -g
其次 進入你的項目文件夾 cmd - - >
hs
http-server在瀏覽器的端口http://127.0.0.1:8080/,未能及時反饋網頁中html、js文件的改動。這是因為瀏覽器會保存一些數據,方便下次加載的時候速度更快,但當我們對html/js做了一些改動時,瀏覽器不能即時生效,仍加載之前的網頁。
這時需要對瀏覽器清除緩存。解決辦法:在終端開啟http-server時輸入下列命令行
http-server -c-1
好拉~
