2013-11-14 85 views
9

Sublime Text是否支持文件的實時編輯?Sublime Text支持CSS/SASS文件的實時編輯嗎?

我正在尋找更好的工作流程。我非常喜歡Sublime Text,但最近我被Codepen.io和(最近測試過的)Adobe Brackets等工具的「Live Editing」功能所迷惑。當我回到崇高的時候,即使是Live Reload在比較中也顯得笨重。

直播刷新:按下保存預覽..
我使用的是Chrome的LiveReload插件,並根據項目(Ruby或JS)我會使用保護或咕嚕觀看的系統文件。我喜歡LiveReload。但是不得不按文件上的'保存'來查看它在瀏覽器中的變化正在使我瘋狂。即使使用CSS樣式注入(沒有完整的瀏覽器重新加載),我仍然盲目與Codepen和Brackets進行比較,這些輸入會在您輸入時立即更新。

其他工具
** GUI工具**:我聽說像Codekit和豪邁工具。如果我錯了,請糾正我的錯誤,但他們似乎完全符合Gaurd和Grunt的要求 - 除了沒有命令行。

** Chome工具空間**:在瀏覽器中編輯Sass的能力很棒。我已經設置好了,但我很少使用它。在Sublime Text中編輯HTML/CSS/Sass在各方面都優於Chrome Tools。至此,它遠遠優於Adobe Brackets,這就是爲什麼我不考慮使用它(此外,它似乎大多數Brackets在酷拉CSS上的很酷功能,而不是在Sass上)。

** Live Style:我試過這個,而我卻無法讓它工作。

我必須在Google上搜索「Live edit Sublime」,「Live Refresh Codepen Sublime Text」等。一個千次今年的結果已經很糟糕了。

如果有人有任何關於此信息的寶石添加到此請請發郵件!

+0

http://stackoverflow.com/questions/12823873/does-the-sublime-text-2-editor-support-real-time-html-css-preview – Pier

+0

此外,它似乎活的風格只適用於ST3哪仍處於測試階段。 – Pier

+0

我正在使用ST3,我無法讓LS工作。 我正在使用的構建工具Middleman將從Sass生成的CSS放入緩存目錄(我相信)。也許這就是爲什麼。 –

回答

2

是的是的話,你需要的是高名:https://github.com/mechio/takana

此工具創建其相互作用在生活頁面加載CSS一個小服務器。所有你需要的是設置服務器並將JavaScript代碼片段添加到你的html代碼中(你會明顯地將其刪除...)。 現在只有OSX,實時編輯甚至可以在不同的瀏覽器上工作。歡迎來到真棒!

+0

我一直沒有能夠得到Takana與我的生成文件夾。不知道爲什麼。請更好的文檔! – JCraine

+0

@JCraine看看[這裏](http://stackoverflow.com/questions/22755209/realtime-css-scss-edition-with-meteor-avoiding-server-restart/22755210#22755210)我解釋了整個過程使用Meteor框架。也許你只是省略了javascript行或爲CSS提供了錯誤的源文件夾 –

相關問題