Brackets — бесплатный редактор кода с открытым исходным кодом, который Adobe сделала специально для вёрстки сайтов. Его главная идея — живой просмотр: вы открываете страницу в браузере прямо из редактора и правите разметку и стили, а браузер перерисовывает страницу на каждом сохранении, иногда сразу при наборе. Не нужно переключаться между окнами и обновлять страницу вручную.
Важная деталь, которую стоит знать перед установкой: Adobe прекратила поддержку Brackets в 2021 году и предложила пользователям перейти на другие редакторы. Последняя версия вышла в 2023 году, после чего обновлений не было. Код остался открытым, и развитие продолжилось в виде Phoenix Code — продолжения Brackets от бывших участников проекта, с теми же идеями и версией для браузера. Официальный сайт brackets.io сейчас ведёт как раз туда.
Что умеет Brackets
- Живой просмотр — страница открывается в браузере, и правки в HTML и CSS видно без обновления. Когда курсор стоит внутри правила стилей, редактор подсвечивает на странице тот элемент, к которому оно относится.
- Быстрая правка стилей — из HTML можно вызвать всплывающее окно с правилами CSS для выбранного элемента и поменять их не уходя из разметки.
- Подсказки по цвету и шрифтам — при вводе цвета появляется выбор оттенка, при подключении шрифта — список подключённых начертаний.
- Подсветка и автодополнение — HTML, CSS, препроцессоры LESS и SCSS, JavaScript; остальные языки добавляются расширениями.
- Работа с папкой проекта — вы открываете папку сайта, слева появляется дерево файлов, поиск и замена работают по всем файлам сразу.
- Расширения — менеджер расширений встроен: автоформатирование кода, проверка ошибок, подсказки по изображениям, темы оформления.
- Разделение окна — разметка и стили рядом по вертикали или горизонтали, удобно при правке вёрстки.
- Частичный русский интерфейс — язык можно выбрать в настройках, но переведён не весь интерфейс, а справка и документация только на английском.
Brackets сознательно простой: в нём нет отладчика, терминала и системы сборки проекта. Это редактор для разметки и стилей, а не среда разработки. Для начинающих верстальщиков это плюс — ничего лишнего и не нужно разбираться в настройках перед первой правкой.
Кому подходит
- Тем, кто учится вёрстке: живой просмотр хорошо показывает связь кода и результата на экране.
- Верстальщикам, которые правят готовые страницы и шаблоны и не хотят ставить тяжёлую среду разработки.
- Тем, кто привык к Brackets за годы работы и ищет, куда перейти без переучивания: Phoenix Code сохраняет тот же порядок работы.
- Для одного-двух небольших сайтов и правок по мелочи, когда проект не требует сборки и отладки.
Плюсы
- Живой просмотр страницы без настройки и расширений
- Понятный интерфейс, можно начать работать сразу
- Бесплатный, открытый код, без рекламы и подписок
- Удобная правка стилей прямо из разметки
- Есть частичный русский интерфейс
Минусы
- Сам Brackets не обновляется с 2023 года
- Нет отладчика, терминала и сборки проекта
- Часть расширений заброшена и не ставится
- Медленно открывает очень большие файлы
- Справка и документация на английском
Сколько стоит
Brackets бесплатный: открытый проект под лицензией MIT, без платной версии, подписки и встроенных покупок. Аккаунт Adobe для него не нужен и никогда не требовался. Продолжение проекта, Phoenix Code, тоже бесплатно и с открытым кодом, включая версию, которая работает в браузере без установки.
Как установить
- Откройте сайт brackets.io. Сейчас он ведёт на Phoenix Code: там есть загрузка для Windows, macOS и Linux и ссылка на версию, которая открывается прямо в браузере.
- Если нужен именно старый Brackets, его последние сборки лежат в архиве выпусков проекта на GitHub. Для Windows это обычный установщик.
- Запустите установщик. Он не предлагает сторонних программ, но Brackets может спросить, ставить ли расширение для живого просмотра в браузере.
- При первом запуске откройте через меню файлов папку своего сайта целиком, а не отдельный файл: иначе не заработают дерево проекта и поиск по файлам.
- В настройках выберите язык интерфейса и размер отступов, затем откройте HTML-файл и нажмите кнопку живого просмотра — откроется браузер с вашей страницей.
Частые вопросы
Brackets ещё поддерживается?
Нет. Adobe закрыла проект в 2021 году, последняя версия вышла в 2023-м. Исходный код открыт, и развитие продолжается как Phoenix Code — это тот же редактор с живым просмотром, но с обновлениями.
Работает ли Brackets в России?
Да. Редактор скачивается и запускается без ограничений, аккаунт не нужен. Часть расширений из старого каталога может не скачиваться, но это следствие закрытия проекта, а не блокировок.
Есть ли русский язык?
Частично. Русский интерфейс выбирается в настройках, но переведены не все надписи, а справка и документация остались на английском.
Чем Brackets отличается от Visual Studio Code?
Brackets проще и заточен под вёрстку: живой просмотр и правка стилей работают сразу, без расширений. Visual Studio Code универсальнее — любые языки, отладчик, терминал, Git, ИИ-помощник, — но его надо настраивать под задачу, и живой просмотр там тоже делается расширением.
Можно ли верстать в нём настоящие сайты?
Да, для разметки и стилей возможностей хватает. Но сборка проекта, проверка кода и отладка скриптов в Brackets не предусмотрены, поэтому на больших проектах его обычно держат рядом с другими инструментами.
