// 10MB Ядро
// 0.5s Запуск
// 2M+ Разработчиков

// Самый быстрый IDE для Vue и Markdown

<HBuilderX/>

// Лёгкий IDE • C++ движок • Vue.js первый • Сила Markdown

HBuilderX — IDE размером 10MB с нативным C++ движком. Мгновенный запуск, превосходные инструменты Vue.js и идеальный рабочий процесс Markdown.

// Почему HBuilderX ощущается по-другому

// Лёгкий 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. HX разработан для поддержки рабочего процесса uni-app для мультиплатформенной разработки.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

AI дополнение

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

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

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

Плагин

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// Скачать HBuilderX

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

$ npm install hbuilderx // или

// Windows

Windows

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

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

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

// macOS

macOS

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

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

// Intel / Apple Silicon

// Linux

Linux

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

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

// x64 / arm64