2013-11-14 12 views
9

崇高なテキストはファイルのライブ編集をサポートしていますか?Sublime TextはCSS/SASSファイルのライブ編集をサポートしていますか?

私はより良いワークフローを探しています。私は本当にSublime Textが好きですが、最近はCodepen.ioや(最近テストされた)Adobe Bracketsのようなツールの "Live Editing"機能に甘んじています。私がSublimeに戻っても、Live Reloadでさえ比較ではぎこちないようです。

ライブリロード:プレビューに保存を押し..
私はLiveReloadクロームプラグインを使用して、プロジェクト(RubyやJS)に依存しています私は、システムファイルを監視するためにガードやうなり声を使用します。私はLiveReloadが好きです。しかし、ブラウザ上の変更を見るためにファイル上で '保存'を押す必要がありますが、私はナットを運転しています。 CSSスタイルの注入(フルブラウザリロードなし)であっても、入力時に瞬時に更新されるCodepenとBracketsとの比較で盲目的に飛んでいます。

その他のツール
** GUIツール**:私はCodekitとハンマーのようなツールを聞きました。私が間違っていると私を訂正してください。しかしGaurdとGruntがやっていることはまったく同じようですが、コマンドラインはありません。

** Chome Tools Spaces **:ブラウザでSassを編集する機能は素晴らしいです。私はこれを設定しましたが、ほとんど使用しません。 Sublime TextでHTML/CSS/Sassを編集することは、あらゆる面でChrome Toolsよりも優れています。そしてその点では、アドビブラケットよりもはるかに優れているので、私は(この時点で)それを使用することを検討していません(ブラッケットのクールな機能の大部分はバージラCSSで、サスではありません)。

** Live Style:私はこれを試しましたが、うまく動作しません。

私はグーグル「ライブ編集サブライム」、「ライブリフレッシュコデペンサブライムテキスト」などが必要です。千回今年は成績がかなり悪いです。

誰かがこれに関連する情報の宝石を持っているなら、それを投稿してください!

+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

はいそれは、あなたが必要とするすべてはtakanaあるん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の間違ったソースフォルダを提供したりしています –

関連する問題