前端開發實時可視化意思是在編輯器里改變代碼，瀏覽器自動更改，不用進入到瀏覽器F5刷新，下面推薦一款自己目前使用中的工具。
browser-sync——適用於任何修改（html，css，js等等）
步驟1
安裝node.js（自行到官網下載安裝）
步驟2
安裝browser-sync：npm install -g browser-sync
步驟3
進入到開發目錄：cd 開發目錄地址
步驟4
部署程序一：browser-sync start --server --files "**" //適用於靜態文件，**是部署所有的程序，當然你也可以部署單個程序，比如
browser-sync start --server --files index.html
部署程序二：browser-sync start --proxy "主機名" "**" //適用於動態文件，如php等