一、liveStyle（本人win10）
1.作用：實時更新css/less/sass
2.設備：chrome + livestyle + sublime3/2 + packagecontrol (https://packagecontrol.io/) + 翻牆軟件
3.步驟：
a、下載sublime3和chrome。
b、在谷歌應用商店搜索livestyle，並添加到chrome。（翻牆）
下圖，我已經添加好了，沒添加過的點一下就可以添加了，並且右上角多了個球星的東西。
c、進入packagecontrol官網——點擊 Install Now —— 找到sublime3/2的代碼（大的紅色矩形框內代碼）複製。
d、打開sublime3/2–>view–>show console粘貼剛纔複製代碼回車，等待一會console彈出新內容後在重啓sublime。（在這之前斷開vpn軟件連接）
e、重啓sublime後,按Ctrl+shift+p，在框中輸入pc選擇install package點擊，如果彈出新的輸入框，則輸入livestyle匹配，若下拉框裏有livestyle則點擊，等待一會重啓可用。否則可能安裝失敗，從新檢查自己的操作。
f、調試
二、livereload
1.作用： 實時刷新js/html/css等更新（代替自己按F5），支持gulp可以自己配置高級應用。
2.需要： node.js + chrome + livereload + 翻牆軟件 + 簡單的windows的命令
3.步驟：
a、打開chrome——應用商店——搜索livereload——添加。（左側應用商店，右側添加後圖標，vpn翻牆安裝插件）；
b、下載安裝node.js 快捷鍵 win + r ——輸入cmd進入命令終端——node -v（彈出node版本即安裝成功）。
c、打開命令終端——輸入 npm install -g livereload 安裝livereload。
d、在命令終端進入需要打開的html文件的目錄。（cd url(文件所在路徑) ）輸入livereload啓動。
e、用chrome打開html文件，點擊a步驟右上角的圖標，中間的原點變爲實心時則打開（每個新打開的html都需要點擊它）。如果不可用，可能需要在chrome中找到 “設置——拓展程序——勾選允許訪問文件網址”。
三、browser-sync
1.作用：實時刷新js/html/css等更新，支持gulp等，更多優點請去官網。（不限制編輯器和瀏覽器）
2.需要：node.js
3.步驟：
a、打開node.js，輸入“npm install -g browser-sync”安裝browser-sync包。
b、進入html文件所在目錄，輸入（browser-sync start –server –files “**”）注意server和files前邊是雙中線，現在默認打開的是index.html，需要訪問哪個html就把那個寫上。啓動所有文件包括html，css，js。等待頁面打開。（ 輸入：browser-sync start –server –files “css/*.css” 啓動所有的css）；
browser-sync start –server –files “html/sfsf.html” 啓動sfsf.html文件
