CSS實時編輯工具LiveStyle

LiveStyle是一款用于編輯網(wǎng)頁CSS樣式的工具，這款軟件使用非常簡單，其功能有點類似LiveReload，CodeKit等工具。LiveStyle可以直接集成到瀏覽器以及代碼編輯器中。所以你首先要做的第一件事就是安裝瀏覽器以及編輯器插件。

功能介紹：

實時編輯

當您鍵入時，LiveStyle會立即在瀏覽器中更新CSS。不再保存文件或重新加載頁面，只需查看單次更新如何影響網(wǎng)頁。

瀏覽器→編輯器

有沒有想過在開發(fā)工具中調(diào)整布局，并把這些改變放到你的源代碼中？LiveStyle是唯一能做到這一點的工具。它也適用于LESS和SCSS。

使用你自己的工具

LiveStyle不需要任何特殊的構(gòu)建工具或網(wǎng)絡(luò)服務(wù)器來工作。它直接集成到您的編輯器和瀏覽器中。目前在谷歌鉻和崇高的文本工作。Atom插件可用于測試。

任何規(guī)模

LiveStyle設(shè)計用于任何規(guī)模的項目:從小型單頁應(yīng)用到大型網(wǎng)站。你甚至可以使用你的實時網(wǎng)站！

簡單的跨瀏覽器測試

使用遠程查看功能，您可以在任何聯(lián)網(wǎng)的瀏覽器和設(shè)備上輕松預(yù)覽本地網(wǎng)站。編輯器和開發(fā)工具的實時更新。

跨平臺

您的瀏覽器和編輯器可以在任何地方使用LiveStyle。

使用說明：

當你首次運行LiveStyle，Windows可能會請求接入網(wǎng)絡(luò)，請允許該請求。在下載插件以及Remote View是需要接入網(wǎng)絡(luò)的。

如果進展順利的話，你將會看到LiveStyle應(yīng)用的界面類似下面這樣：

LiveStyle應(yīng)用的界面可以看到需要獲取的插件以及它們的安裝情況，當然也可以看到Remote View會話列表。點擊安裝按鈕就會開啟安裝的進程。

當你的瀏覽器以及編輯器都安裝該插件，你可以關(guān)閉LiveStyle應(yīng)用：因為你只有在Remote View情況下才需要LiveStyle應(yīng)用。