使用工具：
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
注意：測試了一下，如果用手機自帶的數據訪問會出現無法訪問的問題，但是在同一無線網下可以實現，不知道為何。