31
Sublime Text 2エディタはリアルタイムのHTMLをサポートしていますか& CSSプレビュー？Sublime Text 2エディタはリアルタイムHTML＆CSSプレビューをサポートしていますか？
A
答えて
0
ライブHTMLでSublimeを使用する最も簡単な方法を見つけました.WAMP（www.wampserver.com/en/）またはXAMPP（www.apachefriends.org/ja/xampp.html）をインストールすると、CSSがインストールされます。 Apache Webサーバー、PHP、およびMysqlサーバーをコンピューターにインストールします。その後、あなたはApache Webルートフォルダ内にある限り（私はそのwamp/htdocsやxampp/htdocsと信じています）、あなたはlocalhost // filename.htmlに行くことができ、あなたのhtmlファイルがある限り、Sublimeであなたのファイルを編集することができますファイル。 Sublimeで保存してページをリフレッシュしてください。変更があります。
また、ChromeやFirefoxでhtmlファイルを開くこともできますが、[Open With ...]を選択すると、動的コンテンツやリンクがあると正しく動作しないことがあります。
+2
情報ありがとうございます。実際、この手順を実行した後、テキストエディタからブラウザに切り替えるには「Alt + Tab」を押し、Webページを更新するにはF5キーを押す必要があります。私が知りたいことは、Html＆Cssをコーディングするときに、Sublime Text 2 Editorがその "隣接"ウィンドウでリアルタイム "プレビュー"できるかどうかです。 – user1528138
+0
私はSublime内にブラウザがあるとは信じませんが、パッケージの数に限りがあります。ビルドを使用してさまざまなブラウザで作業をプレビューする方法についてのこのビデオを見つけました。お役に立てれば。 http://www.youtube.com/watch?v=u8ufaPD-AnQ – koerbcm
40
Giovanni CollazoのBrowser Refreshのパッケージがあります。これは、OS XとWindows 7、およびすべての主要なブラウザをサポートしています。あなたがパッケージ制御（または手動）を経由して、それをインストールして、崇高テキストでsuper+shift+r 2.
でそれをトリガーすることができ
私は、この機能のためにCodeKitを使用するので、私は個人的にそれをテストしていませんが、それが人気のようです。
更新：
のWindows XP対応ソフトウェア
- LiveReload（Windows版がプレアルファです） - サポートSublime Text 2 package
- XRefreshもある - 非推奨LiveReloadのバージョン（安定したXP互換性について言及する価値がある）
- AutoHotKeyからexample
- VBS scriptは - キーボードショートカットによって
クロム拡張
Firefoxのアドオン
IEアドオン
注：ファイルを保存するときに、ブラウザの拡張機能は、定期的な間隔でない更新されます。
+0
ありがとうございます。しかし、現在のところ、それはマックオンリー＆私はWindows XP上です。 – user1528138
+0
あなたはどのブラウザを使用していますか？ （将来の読者の皆様、プラグイン*はWindows 7と互換性があります） – Sara
+1
私はWindows XPと互換性のあるいくつかの選択肢で私の答えを更新しました。 – Sara
関連する問題
- 1. Sublime TextはCSS/SASSファイルのライブ編集をサポートしていますか？
- 2. Sublime TextはcompileOnSaveフラグをサポートしていますか？
- 3. Sublime Text 2＆PYTHONPATH
- 4. Sublime TextはRuby APIをサポートしていますか（自動完成）？
- 5. LinuxにSublime Textエディタをインストールすることができます
- 6. HTMLタグの属性属性をSublime Textと似ています
- 7. Python 3.1とSublime Text 2エラー
- 8. Python 2.7とSublime Text 2セットアップガイド
- 9. Sublime Text 2のサイドバーを隠す方法はありますか？
- 10. PycharmまたはSublime Text 2にショートカットがありますか？
- 11. HTML/CSSはコンテンツの自動/スケーリングをサポートしていますか？
- 12. AnonymousはSublime Text設定の "extra_paths"を無視しています
- 13. toLowerCase to Sublime Text 2スニペットの機能を
- 14. Sublime Textサイドパネル
- 15. Sublime Text 2 config - ファイルを保存します。
- 16. Javaの自動補完サポートをSublime Text 2に追加する方法はありますか？
- 17. 長所と短所：Jetbrains IntelliJ/Sublime Text
- 18. Sublime Text 3 Javaオートコンプリート
- 19. Sublime Textでhtmlのスニペットを作成する方法は？
- 20. Sublime Text C++のオートコンプリートプラグイン？
- 21. Sublimeテキストブラウザのプレビュー、JQueryが実行されていません
- 22. Sublime Text 2 RegEx nをn + 1に置き換えます
- 23. Ubuntu 12.04でSublime Text 2を更新するには？
- 24. Linux用のSublime Text 2でカスタムスニペットを作成して使用する方法は？
- 25. html、jsのCSSエディタ
- 26. WordpressのエディタでHTMLとCSSを追加しますか？
- 27. iPadをサポートしているWebベースのHTMLエディタはどれですか？
- 28. LiveReload for Sublime Text 3 - 動作していません
- 29. Sublime Text 3 RubyとしてPythonをコンパイルしようとしています
- 30. Sublime Text 2用のビルドシステムを作成してmsbuildをビルドするにはどうすればよいですか？
>>> [ここで私の答えを見てください]（http://stackoverflow.com/questions/19985105/does-sublime-text-support-live-editing-of-css-sass-files/22754714# 22754714）（OSXのみ） –
崇高なテキストが**シームレスに統合された**リアルタイムのHTMLとCSSのプレビューを持っているなら、私は[LIVEditor]（http://liveditor.com）を開発していないでしょう。 –