使用工具：

Node.js + Browser-Sync

現實情況：

可能很多剛入門的前端小伙伴，都會有這樣的經歷。改一下，就要各種刷新瀏覽器，很影響工作效率。

原理:node 監控項目文件夾 文件改動就更新頁面。

第一步：

安裝nodejs

 按 win + r 鍵，輸入cmd 按下Enter，輸入命令 node -v

$node -v

可以查看node版本號.確認安裝成功。

第二步：安裝淘寶鏡像，可以安裝npm更快。安裝完成后，使用 cnpm -g -install [這里是你要下載的包]

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

第三步：全局安裝，Browser-Sync。

$npm install -g browser-sync

第四步：使用cmd進入你項目所在的文件夾 [ 千萬不要在根目錄，會堅持根目錄的文件，拖慢電腦速度 ]，輸入以下代碼：

$browser-sync start --server --files "css/*.css, *.html"   監控css和html改變
//我使用的是 $browser-sync start --server --files "**"  
可以監控js，css和html改變，Ctrl+s 保存。即可在瀏覽器實時刷新

 輸入 http://localhost:3000 即可訪問，訪問文件夾下的html加上對應的路徑即可。PS：可以多個瀏覽器輸入網址后分別運行，不影響操作。使用代碼編輯程序后，

Ctrl+s 保存后，可以實時刷新。

想在手機端實時顯示，查看顯示在cmd控制臺上ip地址，文件夾里加上相應的路徑即可。

手機輸入：例如：http://192.168.xx.xx/web/index.html

 注意：測試了一下，如果用手機自帶的數據訪問會出現無法訪問的問題，但是在同一無線網下可以實現，不知道為何。