Bluefish — лёгкий редактор кода на GTK, который много лет остаётся в репозиториях Linux-дистрибутивов. Он не пытается заменить полноценную IDE: это быстрый инструмент для HTML, CSS, JavaScript, PHP и других языков, который запускается за секунды и не требует гигабайтов памяти. Посмотрим, что он умеет в 2026 году и как настроить его под веб-разработку.

Что это и кому подходит

Bluefish написан на C и использует GTK, поэтому одинаково хорошо работает в Xfce, MATE, Cinnamon и других окружениях. Его сильная сторона — работа с текстом и разметкой: подсветка синтаксиса, автодополнение тегов, сниппеты, поиск по проекту и внешние команды. Редактор не тянет за собой Java, Electron и фоновые индексаторы.

Он подойдёт тем, кто правит шаблоны небольшого сайта, верстает статические страницы или поддерживает PHP-проект без сборки. Для больших TypeScript-приложений с отладчиком и рефакторингом удобнее VS Code, но для точечных правок на слабом ноутбуке Bluefish часто оказывается быстрее.

Установка

В Linux Mint, Ubuntu и Debian редактор есть в штатном репозитории. Заодно поставим tidy — консольный валидатор HTML, который удобно вызывать как внешнюю команду. В Fedora пакет называется так же, в Arch Linux он ставится через pacman.

sudo apt update
sudo apt install bluefish tidy
bluefish --version
# Fedora: sudo dnf install bluefish tidy

Версия в репозитории может отставать от upstream, но ветка 2.2.x стабильна и совместима с современными дистрибутивами. Если нужна свежая сборка, её собирают из исходников по инструкции проекта; для повседневной работы обычно достаточно пакета дистрибутива.

Первый запуск и настройки

При первом старте Bluefish предлагает выбрать стиль интерфейса и шрифт. Стоит сразу включить отображение номеров строк, настроить размер табуляции и выбрать кодировку UTF-8 по умолчанию. Для веб-проектов важны также перенос длинных строк и подсветка текущей строки — они уменьшают число случайных ошибок.

mkdir -p ~/projects/site/{css,js,img}
cd ~/projects/site
bluefish index.html &

Файл можно открыть и из файлового менеджера, и перетащить в окно редактора. Настройки хранятся в каталоге ~/.config/bluefish; при переносе на другую машину его достаточно скопировать, чтобы сохранить сниппеты и внешние команды.

Подсветка и автодополнение

Редактор определяет язык по расширению файла и включает нужную подсветку. Для HTML он умеет закрывать теги, подсказывать атрибуты и проверять парность конструкций. В CSS и JavaScript доступны базовые подсказки и подсветка встроенных функций, но полноценного анализа типов, как в языковых серверах, здесь нет.

Плагин Zen Coding, предшественник Emmet, позволяет разворачивать сокращения вроде div.container>ul>li*3 в готовую разметку. Проверьте, что плагин включён в списке плагинов; если его нет в сборке, функцию можно заменить собственными сниппетами. Для повседневной вёрстки это заметно ускоряет набор однотипных блоков.

Сниппеты и внешние команды

Сниппеты — главный способ адаптировать редактор под себя. В панели сниппетов можно хранить заготовки форм, таблиц, метатегов и часто используемых CSS-правил. Вставка происходит по имени или горячей клавише, а плейсхолдеры позволяют сразу перейти к нужному полю.

.card {
    display: grid;
    gap: 1rem;
}
@media (min-width: 48rem) {
    .card { grid-template-columns: 1fr 1fr; }
}

Внешние команды превращают Bluefish в обвязку для любых консольных инструментов. В диалоге настройки задаётся имя команды, сама строка запуска и способ вывода результата. Символ %f подставляется вместо пути к текущему файлу, поэтому одну и ту же команду можно применять к разным документам.

tidy -quiet -errors %f
python3 -m http.server 8000
xdg-open %f

Первая команда проверяет разметку и показывает ошибки, вторая поднимает локальный сервер для предпросмотра, третья открывает файл в браузере по умолчанию. Для PHP можно добавить вызов php -l %f — он проверяет синтаксис без запуска скрипта.

Проекты и кодировки

Для регулярной работы удобно создать проект: редактор запоминает корневой каталог, список открытых файлов и параметры поиска. Это не система сборки, а именно набор закладок, но он помогает не терять контекст между сессиями. Проект можно хранить в каталоге сайта или отдельно. Держите рядом окно браузера: после сохранения файла страницу достаточно обновить, а инструменты разработчика покажут размеры блоков и проблемы контраста. Для проверки адаптивности меняйте ширину окна, а не только масштаб страницы.

Кодировку выбирают в свойствах документа. Если файл пришёл из старой системы и открылся «кракозябрами», укажите исходную кодировку, затем перекодируйте в UTF-8 и сохраните. Для сайта последовательно используйте UTF-8 везде: в файлах, в заголовке Content-Type и в подключении к базе данных.

Поиск и замена

Поиск работает в текущем файле и по каталогу проекта. Регулярные выражения включаются отдельным флажком; с их помощью удобно находить хвостовые пробелы, небезопасные ссылки и лишние атрибуты. Перед массовой заменой сделайте резервную копию каталога или проверьте результат в режиме предпросмотра.

[ \t]+$
(href|src)="http://
class="([^"]+)"

Первый шаблон находит пробелы в конце строки, второй — ссылки без HTTPS, третий — значения атрибута class. Замена с обратными ссылками позволяет перестроить разметку, но требует аккуратности: один неверный шаблон может испортить сотни файлов. Начинайте с поиска без замены и просматривайте совпадения.

Диагностика

Если редактор не запускается, запустите его из терминала и прочитайте вывод GTK. Для сброса настроек переименуйте каталог ~/.config/bluefish.

Ограничения

Bluefish не заменяет IDE: в нём нет встроенного Git-клиента, отладчика, терминала и полноценного языкового сервера. Автодополнение опирается на словари и настройки, а не на анализ проекта, поэтому для незнакомой библиотеки подсказки будут неполными. Интеграция с системами сборки ограничена внешними командами.

Крупные проекты с тысячами файлов открываются медленнее, а поиск по каталогу может заметно нагружать диск. Для современных фреймворков с JSX и TypeScript лучше подходит редактор с LSP. Bluefish же выигрывает там, где нужен предсказуемый текстовый инструмент без фоновой нагрузки.

Чек-лист

  • Установлены bluefish и tidy, версия запускается без ошибок.
  • Включены номера строк, UTF-8 и нужный размер отступа.
  • Настроены внешние команды для проверки HTML и локального сервера.
  • Создан проект и резервная копия каталога настроек.
  • Перед массовой заменой есть бэкап и проверенный шаблон поиска.

Итог

Bluefish остаётся удобным редактором для веб-разработки без лишней инфраструктуры. Он быстро запускается, хорошо работает с HTML, CSS и PHP, поддерживает сниппеты и внешние команды. Его стоит выбрать для небольших сайтов, правок на слабом железе и работы в Linux-окружениях без Electron. Если же нужны отладка, Git и анализ типов, разумно держать рядом вторую IDE.

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 0 / 5. Количество оценок: 0

Оценок пока нет. Поставьте оценку первым.

Поделиться: Telegram ВКонтакте