*手機端調試神器html
注:下文都是Mac環境node
在日常開發過程當中,常遇到沒有用任何框架和工具,就是要運行一個簡單的html頁面,須要啓一個本地的服務器。本文提供一種簡單的方式。本機訪問均可以,手機或其餘設備鏈接,請使用192ip,必須在同一局域網下;npm
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. 開啓服務
命令行中進入目標文件夾(也就是須要啓動服務的文件夾),輸入以下命令:spa
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
好拉~