emmet livestyle編程輔助插件是一款通過該在谷歌瀏覽器中讓你實現高效的前段css編輯功能的插件，為你帶來最快速的開發體驗，其體積十分小巧，是前段開發工程師們必備的可視化編程器，需要結合Subliem Text插件一同使用，快來綠色資源網下載吧！

emmet livestyle官方介紹

LiveStyle是Chrome中提高開發效率的一款CSS編輯器插件。利用LiveStyle和Sublime Text3編輯器結合可實現可視化開發，一次配置，簡單易用！

emmet livestyle軟件特色

1. 即時更新（不會重新加載頁面，樣式修改以后無需保存也能預覽)；；

2. 多個頁面同時預覽（例：同時打開多個頁面，并且關聯到相同的CSS，此時修改該CSS，這些頁面都能即時顯示修改內容）；

3. 雙向修改（在Chrome開發者工具和Sublime Text中，只要有一處修改，兩個工具的樣式都會更改。）

4. 便捷的安裝和使用。

注：LiveStyle和Emmet一樣，需要PyV8插件的支持。建議先安裝Emmet，因為安裝Emmet的同時會自動安裝PyV8。

emmet livestyle插件使用方法

安裝Subliem Text插件：

1. 打開命令面板：ctrl + shift + p

2. 輸入：install Package

3. 搜索：LiveStyle

使用說明

注：LiveStyle和Emmet一樣，需要PyV8插件的支持。建議先安裝Emmet，因為安裝Emmet的同時會自動安裝PyV8。

1. Sublime Text中打開該頁面的CSS文件。如果是遠程修改，可以新建個CSS文件(例：debug.css)。

2. 打開需要調試的頁面，按F12(打開開發者工具)，選擇LiveStyle(在Console/控制臺右邊)。

3. 把Enable LiveStyle for current page前面的勾打上。

4. 選擇對應的樣式，即關聯CSS。

注：此時Chrome的Matched CSS Rules和Sublime Text的修改都會雙向同步。