Brackets — без водяных знаков программа, злая находка

Категория: Разработка · Лицензия: MIT · Платформа: Windows / macOS / Linux (зависит от программы)

Brackets. Грустная и красивая история одновременно. Adobe сделала редактор кода для веб-разработчиков. Хороший. Лёгкий. Бесплатный, открытый. А потом в 2021-м Adobe сказала «всё, мы устали, поддерживаем VSCode, идите туда». И тогда сообщество подхватило проект, переименовало в Brackets-CONT (community-driven) и тащит его дальше. Молодцы.

В чём суть Brackets был и есть

Это редактор, заточенный именно под фронтенд. HTML, CSS, JavaScript. Не «универсальная IDE для всего», а «инструмент чтобы верстать сайты». И вот в этой узкой нише он делал и до сих пор делает несколько вещей лучше всех остальных.

Главная фишка — Live Preview

Ставишь курсор в HTML или CSS. Жмёшь кнопку с молнией. Открывается окно браузера (Chromium внутри), и оно подсвечивает то место в страничке, которое соответствует твоему курсору. Меняешь CSS — изменения видны мгновенно, без перезагрузки страницы. Это была революция, когда вышло в 2014-м.

Сейчас, конечно, такое умеют все через DevTools или плагины. Но в Brackets это работает из коробки, без настройки, и очень быстро.

Quick Edit — тоже круто

Стоишь в HTML на каком-то теге. Жмёшь Ctrl+E. Прямо ВНУТРИ HTML открывается мини-окошко с CSS-правилами, которые применяются к этому элементу. Меняешь там — оно меняется во всех файлах. Закрыл — продолжаешь верстать. Не надо прыгать между файлами туда-сюда.

Аналогично работает для JavaScript-функций — стоишь на вызове, жмёшь Ctrl+E, видишь определение прямо тут же.

Что внутри

• Подсветка синтаксиса для всего, что нужно фронту: HTML, CSS, SCSS, LESS, JavaScript, JSON, XML, Markdown.
• JSLint встроенный — синтаксические ошибки JS подсвечивает на лету.
• Подсказки CSS-свойств с превью значений (цвета — реальными квадратиками, font — реальным шрифтом).
• Поддержка препроцессоров (LESS, SCSS) без дополнительной настройки.
• Расширения через Extension Manager. Не такой богатый магазин как у VSCode, но базовое всё есть.

Это редактор, который понимает, что ты делаешь сайт, а не операционную систему. И это его сила.

Состояние проекта в 2026

Будем честны. Brackets-CONT — это community-проект, и движется он медленно. Команда маленькая, релизы выходят редко. Чинят критические баги, обновляют движок Chromium внутри (это важно для Live Preview, иначе он отвалится), но больших новых фич почти нет.

Это означает: программа работает, и работает хорошо. Но не жди новинок. Ты получаешь стабильный инструмент, замороженный во времени плюс-минус 2021 годом, с поддержкой современных стандартов CSS и JS на базовом уровне.

Кому подходит

• Тем, кто учится верстать. Brackets — отличный учебный инструмент. Не пугает обилием функций, как VSCode. Базовое всё на виду.
• Преподавателям веб-разработки в школах, на курсах. Простой, понятный, бесплатный.
• Тем, кто верстает простые лендинги без сборщиков, без npm. Открыл HTML — пишешь — смотришь результат.
• Любителям лёгкого софта. Brackets — не Electron, написан на CEF (Chromium Embedded Framework), но всё равно полегче VSCode по памяти.

Кому не подходит

Если ты пишешь сложные SPA на React/Vue/Svelte со сборщиками — иди в VSCode или WebStorm. Если ты бекендер и тебе нужен Python/Go/Rust/Java — тоже не сюда. Brackets — про статику и про обучение.

Установка

1. Идёшь на github.com/brackets-cont/brackets/releases.
2. Качаешь последний релиз под свою ОС. Windows — exe-инсталлер. macOS — DMG. Linux — DEB/RPM/AppImage.
3. Устанавливаешь. На macOS возможно понадобится разрешить запуск через Settings → Privacy & Security.
4. Первый запуск — открывает welcome-проект с примерами. Полезно полистать, чтобы понять что где.

Расширения, которые я бы поставил

• Emmet — сокращения для HTML/CSS. div.container>ul>li*5 разворачивается в полноценную разметку.
• Beautify — форматирование кода.
• Brackets Git — базовый git-клиент внутри редактора.
• Color Picker — выбор цвета прямо в CSS.
• Indent Guides — вертикальные линии отступов, помогает в больших файлах.

Альтернативы

• VSCode — мейнстрим. Делает всё. Но тяжелее и сложнее для новичка.
• Bluefish — ещё легче. Без визуального превью, но шустрый.
• Geany — универсальный, неплохой для веба.
• Sublime Text — платный, но очень шустрый.

На вопрос «стоит ли вообще тратить время в 2026»

Если ты учишься верстать или учишь кого-то — да, стоит. Если ты опытный разработчик и тебя устраивает VSCode — нет, не стоит. Brackets — это инструмент с конкретным характером и конкретной аудиторией. Качни, если попадаешь в неё. А если нет — на здоровье, мир большой, редакторов много.