Ответ 1
Это может быть не совсем то, что вы ищете (не поддерживает javascript), но dabblet - отличный инструмент для написания html + css и просмотра предварительного просмотра в режиме реального времени в браузере.
IDE для HTML/CSS/Java Script w/Порт Live View
Я искал вокруг. Это, пожалуй, больше нюанс, чем что-либо. Когда я выполняю jQuery или другой пользовательский интерфейс, мне нравится сразу видеть мои изменения. Adobe Dreamweavers Live View Port делает это, не очень хорошо, но он это делает. Kompozer имеет порт представления, но его не живут, а не JS или действия. Кто-нибудь знает о IDE, помимо DW, который имеет эту функцию? Linux предпочтительнее, но хотел бы знать что-нибудь.
В качестве заметки я недавно обнаружил Wakanda http://wakanda.org
Ответы
Ответ 2
Недавно я был поражен Sublime Text 2. После попыток много IDE это тот, который впечатляет меня больше всего.
Я смотрел учебник Paul Irish о рабочих процессах веб-разработки на 2013 год (видео только частично релевантно), где он описывает плагин, который он использует, чтобы избежать столкновения F5, чтобы обновить браузер. Вместо этого он обновляется каждый раз, когда он сохраняет файл.
Sublime Text 2 растет популярностью, и я понимаю, что он будет работать очень хорошо в Linux. Плагин называется LiveReload ($ 10).
Это потребует исследований, но, вероятно, стоит того. Ссылка
Ответ 3
Я знаю, что этот пост старше года, но я думал, что выброшу его, если вы заинтересованы. Теперь Adobe разрабатывает продукт, который может соответствовать тому, что вы ищете. Если у вас есть облако объявлений, есть предварительный просмотр программы. Он называется Edge Code в облаке объявлений, но он разрабатывается как автономный, с открытым исходным кодом, независимый от платформы редактор кода. Я не уверен, почему, но за пределами творческого облака он называется скобками. Он не выполняет просмотр в самой программе, но автоматически открывает документ в Chrome и обновляется по мере внесения изменений. Самое интересное, что сама программа написана в html, css и JS, так что ее легко настроить по своему вкусу. В настоящее время он находится в режиме бета-версии и может быть загружен в
Ответ 4
Stylizer - отличное приложение для живого издания CSS.
Ответ 5
Я сделал свой собственный с открытым исходным кодом кодирования площадка называется kodeWeave (который сохраняет и извлекает ваши переплетения как Github Gist). Он доступен для Windows, Linux, Mac OS X, Android и Online (я также планирую выпустить его для iOS и Windows Phone).
Некоторые другие хорошие кодирования площадки для отработки являются CodePen, CSSDeck, Plunker, JSBin, jsFiddle, Liveweave.
Существует также Brackets, который является проектом с открытым исходным кодом, созданным Adobe (Это в основном версия с открытым исходным кодом Edge Code). Хорошая вещь о Brackets заключается в том, что она запускает собственный сервер локально на вашем устройстве, поэтому, если вы используете библиотеку типа JSZip он работает сразу. Кроме того, всякий раз, когда вы сохраняете изменения, сделанные в файле Brackets, ваше приложение будет перезагружаться в Chrome Debugger (запущено из Brackets). Таким образом, отладка выполняется очень быстро и просто, не говоря уже о множестве плагинов, которые сделаны для повышения производительности. Это действительно потрясающе!
Там также Cloud9IDE.
Я уверен, что вы уже знаете об этом, но у Chrome Developer Tools также есть эта возможность.