// ~10MB база
// <1c холодный старт
// 2M+ активных авторов

// Vue-интерфейсы и Markdown-доки без раздутого инсталлятора

<HBuilderX/>

// Нативное ядро • Vue готов • Markdown-студия • опциональный Copilot

HBuilderX удерживает скромный размер дистрибутива и опирается на C++-ядро, чтобы отклик на ввод оставался чётким. Выбирайте его, когда .vue SFC, Markdown-заметки и проекты uni-app должны уживаться в одном спокойном рабочем столе.

// Сигналы, на которые смотрят команды

// Лёгкий IDE • Производительность прежде всего • Построен для Vue, Markdown, uni-app

// Производительность C++

C++ против Electron: скорость, которую можно почувствовать

HBuilderX построен с нативной C++ архитектурой, разработанной для плавного набора текста, мгновенного открытия больших файлов и низкого давления на память—особенно во время длительных сессий кодирования.

// Мгновенно

Автодополнение без задержек.

// Большие файлы

Открывайте, ищите и редактируйте быстро.

// Лёгкий

Низкие накладные расходы, современный UX.

Демонстрация производительности
Поддержка Vue.js

// Vue.js в первую очередь

Поддержка Vue.js первого класса

Относитесь к `.vue` как к первоклассному гражданину: более умные подсказки синтаксиса, быстрая навигация и продуктивные рефакторинги по template/script/style.

  • ✓ Лучшее автодополнение и подсказки для `.vue`
  • ✓ Быстрая навигация внутри SFC блоков
  • ✓ Редактирование, дружественное к рефакторингу

// Мощь Markdown

Markdown, который ощущается как программирование

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

# Заметки о выпуске
- Предпросмотр и синхронизация
- Умная вставка для изображений/фрагментов
- Чистое форматирование, готовое к экспорту
Рабочий процесс Markdown

Умная экосистема

Расширяемый

Сохраните свой рабочий процесс: широкая совместимость плагинов, поддержка плагинов Node.js, плюс встроенные интеграции контроля версий.

Плагины VSCode

Используйте знакомую экосистему.

Плагины Node

Расширяйте с помощью JS инструментов.

Git / SVN

Встроенный контроль версий.

Интеграция uni-app

Соберите один раз, разверните везде—iOS, Android и Web. HBuilderX разработан для поддержки рабочего процесса uni-app для мультиплатформенной разработки.

iOS Android Web uni-app
Эмодзи продуктивности Markdown

Markdown, который ощущается как кодирование

HBuilderX относится к Markdown как к первоклассному языку с горячими клавишами, расширением в стиле Emmet и инструментами предпросмотра, поэтому написание документов ощущается так же плавно, как написание кода.

Фрагменты Markdown в стиле Emmet

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

Мощные горячие клавиши

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

Предпросмотр и синхронизация в реальном времени

Разделите редактор для предпросмотра Markdown во время набора, с синхронизированной прокруткой, которая сохраняет ваш курсор и отрендеренный документ выровненными.

Пишите документы как пишете код

Множественное редактирование курсора, поиск и замена, и расширение выделения—всё работает внутри Markdown, помогая вам рефакторить большие документы и заметки о выпуске с теми же инструментами, которые вы используете в исходных файлах.

Отлично для README и журналов изменений

Независимо от того, обновляете ли вы README, документируете API или пишете журналы изменений, HBuilderX сохраняет форматирование последовательным и делает повторяющиеся структуры тривиальными для поддержки.

Эффективность для гиков

Оптимизация для потока. HBuilderX построен для кодирования без мыши: множественный курсор, умное выделение и быстрые горячие клавиши, которые держат ваши руки на клавиатуре.

Кодирование без мыши

Быстрая навигация, редактирование и циклы рефакторинга.

Множественный курсор

Редактируйте повторяющиеся паттерны за секунды.

Умное выделение

Расширяйте семантические диапазоны без точного перетаскивания.

Поиск и переход

Перемещайтесь по кодовым базам с минимальным трением.

Демо множественного курсора (визуальное)

Быстрые правки
Демо функции HBuilderX gif Демо функции HBuilderX gif
// множественное редактирование курсора: измените повторяющиеся свойства одним выстрелом
const buttons = [
  { label: "Download",  variant: "primary" },
  { label: "Docs",      variant: "primary" },
  { label: "Plugins",   variant: "primary" },
]

Совет: Замените эти GIF на кураторские скриншоты или официальные медиа, если они у вас есть.

AI внутри HBuilderX: кодирование на базе Copilot, прямо в редакторе

HBuilderX поддерживает автодополнение кода AI через рабочий процесс плагина GitHub Copilot—встроенные предложения, быстрое принятие и более плавный цикл редактирования "оставайся в потоке", прямо там, где вы печатаете.

Встроенные дополнения, следующие за вашим контекстом

AI дополнение

Получайте предложения во время набора в коде и документах. Принимайте то, что вам нравится, сохраняйте то, что вы написали, и итерируйте быстро—не нарушая фокус.

// принять предложение → продолжать печатать
// отклонить предложение → продолжить ваш замысел
// повторить → более быстрая пропускная способность, тот же контроль

Быстрая настройка, нативное ощущение

Плагин

Включите плагин Copilot внутри HBuilderX и войдите в систему, когда будет предложено, затем начните использовать предложения AI в вашем обычном рабочем процессе редактирования.

  • Включите плагин автодополнения AI
  • Аутентифицируйтесь один раз, затем кодируйте как обычно
  • Используйте поток клавиатуры для принятия/игнорирования предложений
Скриншот функции AI HBuilderX 1
открыв HBuilderX, нажмите Инструменты -> Установка плагинов -> Установить новый плагин -> Github Copilot for HBuilder -> установить.
Скриншот функции AI HBuilderX 2
заполните путь к исполняемому файлу Node.js в Настройки -> Конфигурация плагинов -> Github Copilot -> Укажите путь к исполняемому файлу node для среды выполнения сервера языка Copilot.
Скриншот функции AI HBuilderX 3
Начать вход: В панели состояния нажмите кнопку Войти в Github.
Скриншот функции AI HBuilderX 4
Нажмите Копировать и Посетить, чтобы скопировать код устройства в буфер обмена и автоматически открыть страницу авторизации в системном браузере.
Скриншот функции AI HBuilderX 5
в браузере вставьте код устройства и авторизуйте.
Скриншот функции AI HBuilderX 6
Copilot автоматически предоставит встроенные предложения кода -> Нажмите Tab, чтобы принять предложение.

AI, не покидая ваш редактор

Встроенные предложения, принятие через клавиатуру в первую очередь, и более плавный цикл редактирования—построено, чтобы держать вас в потоке.

Эмодзи здорового кодирования

Более здоровое кодирование с HBuilderX

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

Комфортный тёмный UI

Интерфейс оптимизирован для тёмных фонов и мягкого контраста, чтобы код, панели и боковые панели было легко читать без резкого блика.

Читаемые шрифты и макет

Современный рендеринг шрифтов и чёткое расстояние облегчают сканирование кода и Markdown, помогая вашим глазам отслеживать строки с меньшими усилиями.

Поток, ориентированный на клавиатуру

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

Лёгкий, отзывчивый отклик

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

Аккуратные панели и фокус

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

Здоровые привычки в уме

HBuilderX разработан с долгосрочным использованием в уме—сочетайте его с регулярными перерывами, проверками осанки и разумной яркостью, чтобы защитить ваши глаза и руки со временем.

// Скачать HBuilderX

// Выберите платформу • Лёгкий IDE • Быстрая веб-разработка

$ npm install hbuilderx // или

// Windows

Windows

Лучший для ежедневной разработки на Win 10/11.

> Скачать бесплатно

// Стандарт / Разработка приложений

// macOS

macOS

Нативная производительность редактирования на Mac.

> Скачать для macOS

// Intel / Apple Silicon

// Linux

Linux

Быстрые инструменты для сред разработки Linux.

> Скачать для Linux

// x64 / arm64