Редактор Windows HTML / CSS с предварительным просмотром в реальном времени?

Какой лучший текстовый редактор для HTML/CSS с предварительным просмотром в реальном времени ?

Я использую Sublime Text 3, но в v3 еще нет плагина для предварительного просмотра.

На самом деле, у него есть расширение, обеспечивающее перезагрузку в реальном времени.

Ответы (4)

Brackets — это бесплатный редактор с открытым исходным кодом, основанный на веб-технологиях с упором на веб-разработку. Он кроссплатформенный и поддерживается Adobe.

Используя Live Preview, Brackets мгновенно отправляет изменения кода в браузер, чтобы представить обновленную страницу без перезагрузки. Однако в настоящее время Live Preview работает только в Google Chrome (даже не в Chromium! ). Вы не можете открывать инструменты разработчика во время использования Live Preview.

Он может вносить изменения в CSS и HTML при наборе текста, но изменения в Javascript вносятся при сохранении. Он также выделяет элемент, выбранный курсором.

Как запустить просмотр в реальном времени:

Как открыть предварительный просмотр в Brackets

Возможно, вы захотите добавить некоторые подробности к вашему ответу. По крайней мере, объясните, как работает предварительный просмотр в реальном времени, некоторые его ограничения, а также что такое Brackets. Посмотрите , что ожидается от ответа на этом сайте .

Я рекомендую Visual Studio Code , ведь может существовать что-то лучшее, чем легковесный редактор кода от команды, разработавшей самую мощную и полную среду IDE для программистов (бесспорно, если вы еще не тестировали ее).

Пожалуйста, обратитесь к указаниям в этом сообщении StackOverflow, чтобы узнать, как просмотреть предварительный просмотр в веб-браузере:


Просто несколько изображений приложения:

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

Похоже, что в редакторе Atom есть плагин для предварительного просмотра атома в реальном времени . Из документации похоже, что он делает то, что вы хотите.введите описание изображения здесь

Light Table — это редактор, оценивающий блоки кода на многих языках. В документации показано, как оценивать Javascript, HTML и CSS.

Похоже, что также можно подключиться к браузеру