Редактор кода Phoenix Code — это проект, который продолжает развитие идей знаменитого Brackets после того, как компания Adobe прекратила его поддержку. Это легковесный, открытый текстовый редактор, созданный специально для веб-разработчиков, дизайнеров и студентов. Его философия — сделать кодинг таким же интуитивным и увлекательным, как игра в видеоигру.
Что такое Phoenix Code?
Phoenix Code (ранее известный как Brackets) — это современная, открытая интегрированная среда разработки (IDE), предназначенная для веба и созданная для работы в браузере. Редактор построен на основе оригинального кода Brackets и развивается силами сообщества.
Ключевые особенности:
- Игровой UX. Редактор поощряет подход к редактированию кода с азартом игры, что делает его доступным даже для тех, кто только начинает знакомство с программированием.
- Легковесность. Phoenix Code остается легковесным редактором, ставя во главу угла скорость и эффективность, что обеспечивает бесшовный опыт разработки.
- Поддержка расширений. Редактор сохраняет совместимость с большинством расширений из экосистемы Brackets (за исключением brackets-node расширений), что позволяет разработчикам гибко настраивать и улучшать свой рабочий процесс.
- Локальная разработка. Phoenix Code ориентирован на эффективную и полноценную локальную разработку.
- Стабильность. IDE позиционируется как стабильная и готовая к использованию (release-candidate), что позволяет разработчикам уверенно применять ее в своих проектах.
Где скачать и как установить
Официальный сайт для загрузки — phcode.dev. На сайте можно скачать установочный файл для вашей операционной системы (Windows, macOS) или воспользоваться веб-версией.
Процесс установки.
- Скачивание. Посетите phcode.dev/download/ и нажмите кнопку загрузки для вашей ОС.
- Установка (Windows/macOS). Запустите скачанный установочный файл и следуйте инструкциям на экране.
- Установка на Linux. Откройте терминал и выполните команду:
wget -qO- https://updates.phcode.io/linux/installer.sh | bash. - Веб-версия. Если вы не хотите ничего устанавливать, редактор можно использовать напрямую в браузере по адресу https://phcode.dev.
Установка и настройка Emmet
Emmet — это незаменимый инструмент для веб-разработчиков, позволяющий в разы ускорить написание HTML и CSS с помощью простых аббревиатур. Например, выражение ul>li*5>a может быть развернуто в целую HTML-структуру.
Установка Emmet в Phoenix Code.
- Откройте Phoenix Code.
- Кликните на иконку «Extension Manager» (Менеджер расширений) или выберите соответствующий пункт в меню.
- В поисковой строке введите «Emmet».
- Найдите расширение в результатах поиска и нажмите «Install».
После установки вы можете сразу использовать все возможности Emmet. Для развертывания аббревиатуры обычно используется клавиша Tab.
Полезные примеры Emmet.
- Базовая структура HTML.
!+ Tab - Создание элементов с классами и ID.
div.header#top+ Tab - Множественное копирование.
li*5+ Tab - Нумерация.
li.item$*3+ Tab
Полезное видео
Чтобы быстро ознакомиться с основными возможностями Emmet, вы можете посмотреть это краткое видео-объяснение (на английском языке): Emmet (is Awesome) | CSS-Tricks. В нем наглядно демонстрируется, как аббревиатуры превращаются в готовый код.
Популярные альтернативы
Phoenix Code — отличный редактор, но важно знать о доступных альтернативах. Следующая таблица поможет вам сравнить его с другими популярными инструментами.
| Редактор | Разработчик | Ключевые преимущества | Недостатки | Лучше всего подходит для |
|---|---|---|---|---|
| Phoenix Code | Сообщество | Наследник Brackets, игровой UX, легковесность, веб-версия | Молодой проект, меньше расширений | Фронтенд-разработчиков, студентов, фанатов Brackets |
| Visual Studio Code | Microsoft | Огромная экосистема расширений, встроенный Git и отладчик, поддержка всех языков | Более высокое потребление ресурсов | Фулстек-разработчиков, больших проектов |
| Sublime Text | Sublime HQ | Невероятная скорость, минималистичный дизайн, мощная навигация | Платная лицензия | Быстрого редактирования, работы с большими файлами |
| Atom | GitHub (сообщество) | Высокая кастомизируемость, интеграция с GitHub | Медленная работа, развитие замедлилось | Настраиваемых рабочих процессов |
Заключение
Phoenix Code — это достойный преемник Brackets, который не просто сохранил его наследие, но и привнес новые идеи в область веб-разработки. С его фокусом на качество кода, легкость и уникальный игровой подход, он представляет собой отличный выбор для определенной аудитории.
Выбирайте Phoenix Code, если:
- Вы ищете современную и поддерживаемую альтернативу Brackets.
- Вы фронтенд-разработчик, которому важен легковесный и быстрый инструмент.
- Вам понравилась философия Brackets, но вы хотели бы видеть дальнейшее развитие проекта.
Рассмотрите альтернативы, если:
- Вам критически важна огромная экосистема расширений, как в VS Code.
- Вы работаете с бэкенд-языками и требуете глубокой интеграции с ними.
- Вы предпочитаете решения от крупных компаний с гарантированной долгосрочной поддержкой.
