一 、livestyle
livestyle 是針對樣式的實時工具,包括css、less、sass，不能修改html和js檔案。
目前只適用於google chrome和sublime text，如果你使用的是其他編輯軟體的話就不一定那麼好用了
二、livereload
相比較livestyle 而言，livereload 功能更豐富，不僅包括css，less，sass，像img，html，js等格式的檔案同樣也適用
編輯器方面的選擇更加多樣
支援gulp，grunt等工具的使用
相比較livestyle 而言livereload 修改是單向的, 也就是瀏覽器 -> 編輯器 這一功能是沒有的 (當然這是相對來說)
只能在單一頁面起作用，如果我開兩到3個不同解析度的頁面做響應式或手機端，livereload 就不美了。
三、broswer-sync
靜態** - 如果您只使用.html檔案，則需要使用伺服器模式。
browser-sync start --server --files "css/*.css"
動態** - 如果您已經在執行php或類似的本地伺服器則需要使用**模式。
browser-sync start --proxy "myproject.dev" --files "css/*.css"
需要注意的是
對於指令對於命令中的css/*.css和myproject.dev要根據實際資料夾名稱，檔案路徑進行調整
相較於以上2種工具, broswer-sync 的應用範圍更廣,使用者更多, 這就意味著你所可能遇到的麻煩越少
livereload 是瀏覽器的 f5, 而broswer-sync 則是只針對修改的檔案進行檢視同步
無論你開多少頁面，只要內容修改頁面內容都是隨著變化，響應式，手機端除錯等都是極好的。
官方展示的優點如下
四、對比
前端實時視覺化開發工具
用法 首先安裝谷歌外掛程式livestyle，建議掛vpn，到谷歌商店裡搜 然後安裝sublime外掛程式，方法如下 進入sublime txt shift ctrl p 輸入 pcl 選擇 install package 安裝外掛程式 稍等會就會出現選擇框，輸入你要安裝的外掛程式名稱 等待安裝完成...
前端實時視覺化開發工具分類體驗！
學習前端的html.css 實時的視覺化除錯，方便開發與學習。我們先進行幾個工具的對比。livestyle 只能實時同步css 檔案，不能同步html檔案。livereload 簡單的web的專案開發。browsersync 比前兩個都比較全面一點，這次我們重點介紹 browsersync 結合su...
1 tkinter視覺化開發工具
好吧，那咱就自個兒個視覺化開發工具寫總行吧，經過一下午的奮鬥，第一代誕生了，嘗試了一下，簡直是歪瑞古德啊！我建議各位朋友如果對在學tkinter，同時有一定興趣，可以根據下面的一些教程，自己開發乙個tkinter視覺化工具出來吧。方法詳解 widget.keys 返回由控制項所有屬性名，與widge...