emmet livestyle(CSS編輯器開發(fā)者插件)是一款可以提高開發(fā)效率的CSS編輯器開發(fā)者插件，LiveStyle目前不僅僅支持一Chrome瀏覽器，還支持Safari瀏覽器，可以實(shí)時(shí)進(jìn)行CSS調(diào)試插件工具，非常適合前端工程師的使用，用以提供前端工程師的開發(fā)效率，同時(shí)還可以利用LiveStyle和Sublime Text3編輯器結(jié)合可實(shí)現(xiàn)可視化開發(fā)，一次配置，簡單易用，需要的朋友歡迎前來下載使用！

Emmet LiveStyle插件功能介紹：

Emmet LiveStyle有如下幾個(gè)特點(diǎn)：

1. 即時(shí)更新(不會(huì)重新加載頁面，樣式修改以后無需保存也能預(yù)覽);;

2. 多個(gè)頁面同時(shí)預(yù)覽(例：同時(shí)打開多個(gè)頁面，并且關(guān)聯(lián)到相同的CSS，此時(shí)修改該CSS，這些頁面都能即時(shí)顯示修改內(nèi)容);

3. 雙向修改(在Chrome開發(fā)者工具和Sublime Text中，只要有一處修改，兩個(gè)工具的樣式都會(huì)更改。)

4. 便捷的安裝和使用。

Emmet LiveStyle插件下載安裝

Emmet LiveStyle插件哪里可以下載?

你可以從chrome應(yīng)用商店里找到Emmet LiveStyle，如果你的chrome應(yīng)用商店無法打開，你可以在本站直接下載Emmet LiveStyle插件。

Emmet LiveStyle插件怎么安裝?

1. 如果你能夠打開chrome應(yīng)用商店，并且可以找到Emmet LiveStyle插件，那么直接點(diǎn)擊“添加至chrome”，如下圖所示：

2.如果你的chrome應(yīng)用商店無法打開，你從本站或者其他途徑獲得了Emmet LiveStyle插件，那么就選擇離線安裝該插件。

方法一：.Crx文件格式插件安裝

1.首先用戶點(diǎn)擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序或直接輸入：chrome://extensions/

3.找到自己已經(jīng)下載好的Chrome離線安裝文件xxx.crx，然后將其從資源管理器中拖動(dòng)到Chrome的擴(kuò)展管理界面中，這時(shí)候用戶會(huì)發(fā)現(xiàn)在擴(kuò)展管理器的中央部分中會(huì)多出一個(gè)”拖動(dòng)以安裝“的插件按鈕。

4.松開鼠標(biāo)就可以把當(dāng)前正在拖動(dòng)的插件安裝到谷歌瀏覽器中去，但是谷歌考慮用戶的安全隱私，在用戶松開鼠標(biāo)后還會(huì)給予用戶一個(gè)確認(rèn)安裝的提示。

5.用戶這時(shí)候只需要點(diǎn)擊添加按鈕就可以把該離線Chrome插件安裝到谷歌瀏覽器中去，安裝成功以后該插件會(huì)立即顯示在瀏覽器右上角（如果有插件按鈕的話），如果沒有插件按鈕的話，用戶還可以通過Chrome擴(kuò)展管理器找到已經(jīng)安裝的插件。

方法二：文件夾格式插件安裝

1.首先用戶點(diǎn)擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序。

3.勾選開發(fā)者模式，點(diǎn)擊加載已解壓的擴(kuò)展程序，將文件夾選擇即可安裝插件。

Emmet LiveStyle插件使用說明：

Emmet LiveStyle插件怎么使用?

1.chrome瀏覽器安裝好livestyle后，用Chrome打開需要編輯的地址，右鍵點(diǎn)擊查看網(wǎng)頁元素,可看到下圖所示：

2.此時(shí)在Chrome代碼查看器中編輯您的CSS，即可同步到您在Sublime Text中打開的CSS文件中?；蛘咴赟ublime Text中編輯您的CSS也可義在瀏覽器中同步顯示頁面效果!