HTML/CSS/JavaスクリプトのIDE（ライブビューポートあり）

Question

私は周りを検索しています。これは、おそらく何よりも微妙な違いです。 jQueryやその他のUI作業を行うと、すぐに変更が反映されるのが好きです。 Adobe Dreamweaverのライブビューポートはこれを行いますが、それほどうまくはありませんが、それはそうです。 Kompozerはビューポートを持っていますが、ライブではなく、JSもアクションもありません。誰もが、この機能を持っているDW以外にもIDEを知っていますか？ Linuxが好まれますが、何かを知りたいと思っています。

関心の注意点として、私は最近、Wakanda http://wakanda.org

Answer 1

Stylizerは、CSSのライブ版のための素晴らしいアプリです発見しました。

Answer 2

これはまさにあなたが探しているものではないかもしれませんが（javascriptはサポートしていません）、dabbletはhtml + cssを書き、ブラウザでプレビューを見ているような素晴らしいツールです。

dabblet live editor

Answer 3

私は最近のIDEの多くを試みた後崇高テキスト2に打た大好きされていることは、ほとんど私を感動ものです。

私は2013年のWeb開発ワークフローのPaul Irishによるチュートリアル（ビデオは部分的に関連性があります）を見ていました。そこでは、ブラウザをリフレッシュするためにF5を押す必要がないプラグインについて説明しています。代わりに、ファイルを保存するたびに更新されます。

崇高なテキスト2は人気が高まっていて、私の理解はLinuxでうまくいくことです。このプラグインはLiveReload（$ 10）と呼ばれます。

研究が必要ですが、その価値は十分です。 Link

Answer 4

私はこの投稿が1年以上経過していることを知っていますが、あなたが興味があれば、これを投げ捨てると思いました。 Adobeは、あなたが探しているものに合った製品を開発しています。クリエイティブクラウドがある場合は、そのプログラムのプレビューがあります。クリエイティブクラウドではエッジコードと呼ばれますが、スタンドアロンのオープンソースのプラットフォームに依存しないコードエディタとして開発されています。なぜ私はクリエイティブな雲の外に、それがブラケットと呼ばれているのかわかりません。プログラム自体にライブビューは表示されませんが、Chromeでドキュメントを自動的に開き、変更を加えると更新されます。本当に興味深いのは、プログラム自体がhtml、css、およびJSで書かれているので、好みに合わせてカスタマイズするのが簡単なことです。現在はベータ版で、

にダウンロードできます。

Answer 5

kodeWeaveと呼ばれる独自のopen sourceコーディングプレイグラウンドを作成しました（これは、織りを保存してGithub Gistとして取得します）。これは、Windows、Linux、Mac OS X、Android、オンラインで利用できます（iOSとWindows Phone用にもリリース予定）。

トライアウトにいくつかの他の適切なコーディング遊び場はCodePen、CSSDeck、Plunker、JSBin、jsFiddle、Liveweaveです。

Bracketsは、Adobe（これは基本的にオープンソースバージョンEdge Codeです）によって作成されたオープンソースプロジェクトです。良いことは約Bracketsそれはあなたのデバイス上でローカルに自分のサーバーを実行するので、JSZipのようなライブラリを使用している場合はすぐに動作します。また、ファイルに加えた変更をBracketsに保存すると、アプリはChromeのデバッガ（Bracketsから起動）にリロードされるので、デバッグは非常に高速で簡単です。生産性を向上させるためにたくさんのプラグインがあります。本当にすごい！

Cloud9IDEもあります。

は、私はあなたが既にこれを知っていると確信しているが、Chromeデベロッパーツールも、この能力を持っています。