用法：
首先安裝谷歌外掛程式livestyle，建議掛vpn，到谷歌商店裡搜
然後安裝sublime外掛程式，方法如下：進入sublime txt； shift+ctrl+p 輸入「pcl「 選擇：install package（安裝外掛程式）； 稍等會就會出現選擇框，輸入你要安裝的外掛程式名稱；等待安裝完成；安裝完成後重啟sublime txt就ok了；
注意：如果第一步錯誤的話，先公升級外掛程式；
進入sublime txt； shift+ctrl+p 輸入「upgrade packages」後回車就可以公升級所有外掛程式了；
sublime txt外掛程式**：
最後把谷歌瀏覽器的livestyle拓展外掛程式的開關開啟，這樣改變編輯器的樣式**，網頁就會更改的，這種方式還可以支援雙向更改，也就是說你瀏覽器改動，編輯器也會改，在拓展外掛程式**設定即可
用法：首先安裝node.js，在執行這條命令全域性安裝browser-sync
npm install -g browser-sync然後在你檔案目錄下執行（**是更改所有檔案）
browser-sync start --server --files "**" //適用於靜態檔案他就會以http://localhost:3000/來啟動頁面了。這時你改動**試試效果吧或者browser-sync start --proxy "主機名" "**" //適用於動態檔案，如php等
啟動的時候你會看到乙個http://localhost:3001/的**，這是browser-sync的設定頁面，可更改網速，同步，遠端除錯等等；
下面我們來看看3種的對比：
前端實時視覺化開發工具分類體驗！
學習前端的html.css 實時的視覺化除錯，方便開發與學習。我們先進行幾個工具的對比。livestyle 只能實時同步css 檔案，不能同步html檔案。livereload 簡單的web的專案開發。browsersync 比前兩個都比較全面一點，這次我們重點介紹 browsersync 結合su...
前端實時視覺化開發工具的使用
一 livestyle livestyle 是針對樣式的實時工具,包括css less sass，不能修改html和js檔案。目前只適用於google chrome和sublime text，如果你使用的是其他編輯軟體的話就不一定那麼好用了 二 livereload 相比較livestyle 而言，...
1 tkinter視覺化開發工具
好吧，那咱就自個兒個視覺化開發工具寫總行吧，經過一下午的奮鬥，第一代誕生了，嘗試了一下，簡直是歪瑞古德啊！我建議各位朋友如果對在學tkinter，同時有一定興趣，可以根據下面的一些教程，自己開發乙個tkinter視覺化工具出來吧。方法詳解 widget.keys 返回由控制項所有屬性名，與widge...