IDE с предварительным просмотром веб-сайтов HTML, CSS и JavaScript

Я хочу создать веб-сайт с использованием CSS, HTML и JavaScript и ищу программное обеспечение, которое поможет обнаруживать ошибки кодирования, например, отсутствующие теги, и желательно иметь экран предварительного просмотра разметки.

Вариант интеграции кода на стороне сервера или FTP с IDE на данном этапе не важен, так как я просто хочу иметь возможность создавать внешний вид веб-сайта с помощью этого программного обеспечения.

Я рассматривал возможность использования Notepad++, но предпочел бы редактор, более адаптированный для разработки веб-сайтов с использованием этих технологий.

Если есть предложения по подходящим плагинам или надстройкам с программным обеспечением, это было бы хорошо для этой задачи, это также было бы полезно.

Я надеюсь найти что-то бесплатное, но знаю, что это не всегда возможно.

Я использую Windows 10 pro на AMD A10-7870k с 64-битным четырехъядерным процессором. Я обычно живу в Visual Studio и Android Studio. Я использовал Dreamweaver в прошлые годы и склоняюсь к Netbeans, а не к Eclipse, но использовал оба и открыт для идей.

Я использую NetBeans пару лет и очень доволен этой средой (использую ее для HTML/PHP). На мой взгляд, с ним легче начать, чем с Eclipse.
@martinstoeckli да, у меня есть netbeans, и я только что обновил его. Пожалуйста, опубликуйте ответ. Обычно я живу в Android Studio и VS и, естественно, предпочитаю netbeans затмению.
Интересно, что на таком новом сайте вопрос, на который проголосовали 4 ответа, не имеет голосов. Ну хоть минусов нет!

Ответы (4)

Adobe Brackets обеспечивает предварительный просмотр ваших страниц в реальном времени и имеет множество удобных функций для веб-разработчиков. С их сайта:

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

Кроме того, есть плагины, такие как W3C Validation, для проверки ошибок, но я думаю, что он также имеет встроенную проверку.

это действительно хорошо. Я использую его для этого этапа разработки, где нет php и я просто хочу получить дизайн. Спасибо за это.
@Yvette Рада быть полезной :)

Когда дело доходит до бесплатной IDE для веб-разработки, я бы посоветовал Eclipse For PHP Developers .

Он ориентирован на PHP, но вы можете кодировать HTML, CSS и Javascript и иметь возможность предварительно просматривать свои изменения, не заглядывая в браузер. (Хотя браузер, такой как FireFox или Chrome, необходим для просмотра заголовков, DOM и т. д.)

Еще одно отличное предложение — Sublime Text . Это не совсем IDE, но это очень мощный редактор, который поддерживает практически любой язык программирования, который вы можете назвать, а также обширную систему плагинов. Он имеет все возможности IDE, такие как подсветка синтаксиса, исправления и предложения. Вы также можете просмотреть свой код с помощью плагина View In Browser .

Эти два предложения бесплатны и кроссплатформенны . Eclipse имеет открытый исходный код, а Sublime позволяет создавать плагины по мере необходимости.

Я попробую все эти предложения, так как я хочу сделать свою жизнь как можно проще, а иногда это требует больших усилий, чтобы загрузить и опробовать вещи.
Определенно да. Я часто использую Sublime Text. Это легко и мощно. Кривая обучения меньше, чем Eclipse. Это действительно зависит только от ваших потребностей в развитии. Оба программного обеспечения являются мощными.

Мой выбор для всех видов веб-разработки — NetBeans .

Мне нравится эта бесплатная среда, это полноценная среда разработки, с которой очень легко начать работу (настройка нового проекта очень проста). Он имеет встроенную поддержку нескольких языков, таких как Java, PHP, Html с CSS.

спасибо за это, да, я установил несколько плагинов netbeans и буду пробовать netbeans +1

Я бы порекомендовал вам серьезно подумать о PhpED . Мой ответ на выбор пакета PHP IDE и SVN для профессиональной разработки программного обеспечения? перечислены некоторые из его функций/преимуществ. PHPEd — это не просто редактор PHP. С их веб-сайта:

PhpED — это ведущая интегрированная среда разработки PHP с расширенным редактором PHP, отладчиком PHP и профилировщиком PHP, Code Insight, клиентом базы данных, интегрированной справочной системой, полной поддержкой JavaScript, HTML, CSS, XML, SMARTY, XHTML и других.

Он предоставляет вкладку предварительного просмотра для отображения вашего кода так, как он будет выглядеть в браузере. Это относительно недорого для «персональной» версии (80 долларов США) и предлагает пробную версию для загрузки.

очень приятно, спасибо, я не слышал о таком. Рассмотрю это.
IDE с предварительным просмотром веб-сайтов HTML, CSS и JavaScript
СпросиСетьПолитика конфиденциальности1y, 0v