LiveStyle是一款CSS、LESS和SCSS的第一個(gè)雙向?qū)崟r(shí)編輯工具。用戶使用LiveStyle可以實(shí)現(xiàn)從瀏覽器到編輯器,編輯器到瀏覽器的雙向?qū)崟r(shí)編輯,方便用戶管理css文件。
基本簡(jiǎn)介
LiveStyle是一個(gè)用于實(shí)時(shí)CSS編輯的工具,類(lèi)似于流行的LiveReload,代碼包等等。這些工具背后的想法很簡(jiǎn)單:您在編輯器中編輯CSS文件,保存它,然后查看瀏覽器中包含此樣式表的網(wǎng)頁(yè)是如何自動(dòng)刷新的,從而為您剛才所做的更改提供視覺(jué)反饋。
軟件特色
雙向的
更改從編輯器傳輸?shù)綖g覽器,然后瀏覽器再傳輸?shù)骄庉嬈鳌?/p>
一顆心
在LiveStyle中,您可以將瀏覽器樣式表與編輯器中的文件連接起來(lái)。它給你無(wú)與倫比的靈活性:你可以使用你的硬盤(pán),USB,F(xiàn)TP,網(wǎng)絡(luò)安裝文件,甚至新的,未保存的文件。
遠(yuǎn)程視圖
遠(yuǎn)程視圖創(chuàng)建一個(gè)指向本地網(wǎng)站的公開(kāi)可用的網(wǎng)址。使用此網(wǎng)址在任何聯(lián)網(wǎng)設(shè)備或?yàn)g覽器上預(yù)覽本地網(wǎng)站。
通過(guò)編輯器和開(kāi)發(fā)工具的即時(shí)實(shí)時(shí)更新。
功能介紹
實(shí)時(shí)編輯
當(dāng)您鍵入時(shí),LiveStyle會(huì)立即在瀏覽器中更新CSS。不再保存文件或重新加載頁(yè)面,只需查看單次更新如何影響網(wǎng)頁(yè)。
瀏覽器→編輯器
有沒(méi)有想過(guò)在開(kāi)發(fā)工具中調(diào)整布局,并把這些改變放到你的源代碼中?LiveStyle是唯一能做到這一點(diǎn)的工具。它也適用于LESS和SCSS。
使用你自己的工具
LiveStyle不需要任何特殊的構(gòu)建工具或網(wǎng)絡(luò)服務(wù)器來(lái)工作。它直接集成到您的編輯器和瀏覽器中。目前在谷歌鉻和崇高的文本工作。Atom插件可用于測(cè)試。
任何規(guī)模
LiveStyle設(shè)計(jì)用于任何規(guī)模的項(xiàng)目:從小型單頁(yè)應(yīng)用到大型網(wǎng)站。你甚至可以使用你的實(shí)時(shí)網(wǎng)站!
簡(jiǎn)單的跨瀏覽器測(cè)試
使用遠(yuǎn)程查看功能,您可以在任何聯(lián)網(wǎng)的瀏覽器和設(shè)備上輕松預(yù)覽本地網(wǎng)站。編輯器和開(kāi)發(fā)工具的實(shí)時(shí)更新。
跨平臺(tái)
您的瀏覽器和編輯器可以在任何地方使用LiveStyle。