// 10MB Núcleo
// 0.5s Inicio
// 2M+ Desarrolladores

// IDE más rápido para Vue y Markdown

<HBuilderX/>

// IDE ligero • Motor C++ • Vue.js primero • Poder de Markdown

HBuilderX es un IDE de 10MB con un motor C++ nativo. Experimenta inicio instantáneo, herramientas superiores de Vue.js y el flujo de trabajo perfecto de Markdown.

Por qué HBuilderX se siente diferente

Una experiencia IDE ligera y orientada al rendimiento—construida alrededor de los flujos de trabajo que los desarrolladores web realmente usan: Vue, Markdown y uni-app.

Obtener HX →

C++ vs Electron: velocidad que puedes sentir

Rendimiento

HX está construido con una arquitectura C++ nativa, diseñada para escritura suave, apertura instantánea de archivos grandes y baja presión de memoria—especialmente en sesiones de codificación largas.

Retroalimentación instantánea

Autocompletado que no se atasca.

Archivos grandes

Abre, busca y edita rápidamente.

Baja sobrecarga

Huella ligera, UX moderna.

Vue.js primero

Vue

Trata `.vue` como ciudadano de primera clase: sugerencias de sintaxis más inteligentes, navegación rápida y refactorizaciones productivas en template/script/style.

  • Mejor autocompletado y sugerencias para `.vue`
  • Navegación rápida dentro de bloques SFC
  • Edición amigable para refactorización

Poder de Markdown

Documentos

Escribe mejores documentos con vista previa de pantalla dividida, sincronización en tiempo real y un flujo de trabajo construido para escritura técnica y mantenimiento de README.

# Notas de lanzamiento
- Vista previa y sincronización en vivo
- Pegado inteligente para imágenes/fragmentos
- Formato limpio listo para exportar

Ecosistema inteligente

Extensible

Mantén tu flujo de trabajo: amplia compatibilidad de plugins, soporte de plugins Node.js, además de integraciones de control de versiones integradas.

Plugins VSCode

Aprovecha un ecosistema familiar.

Plugins Node

Extiende con herramientas JS.

Git / SVN

Control de versiones integrado.

Integración uni-app

Construye una vez, despliega en todas partes—iOS, Android y Web. HX está diseñado para soportar el flujo de trabajo uni-app para desarrollo multiplataforma.

iOS Android Web uni-app
Emoji de productividad Markdown

Markdown que se siente como codificar

HX trata Markdown como un lenguaje de primera clase con atajos, expansión tipo Emmet y herramientas de vista previa, por lo que escribir documentos se siente tan fluido como escribir código.

Fragmentos de Markdown estilo Emmet

Escribe patrones cortos y expándelos en estructuras completas de Markdown—encabezados, listas, tablas y más—para que los diseños de documentos comunes tomen segundos en lugar de minutos.

Atajos poderosos

Usa atajos de teclado para alternar rápidamente negrita, cursiva, bloques de código y listas de verificación, o para mover líneas y secciones sin romper tu ritmo de escritura.

Vista previa y sincronización en vivo

Divide el editor para previsualizar Markdown mientras escribes, con desplazamiento sincronizado que mantiene tu cursor y el documento renderizado alineados.

Escribe documentos como escribes código

La edición de múltiples cursores, buscar y reemplazar, y la expansión de selección funcionan dentro de Markdown, ayudándote a refactorizar documentos grandes y notas de lanzamiento con las mismas herramientas que usas en archivos fuente.

Excelente para README y registros de cambios

Ya sea que estés actualizando un README, documentando APIs o escribiendo registros de cambios, HX mantiene el formato consistente y hace que las estructuras repetitivas sean triviales de mantener.

Eficiencia amigable para geeks

Optimiza para el flujo. HX está construido para codificar sin mouse: múltiples cursores, selección inteligente y atajos rápidos que mantienen tus manos en el teclado.

Codificación sin mouse

Navegación rápida, edición y bucles de refactorización.

Múltiples cursores

Edita patrones repetidos en segundos.

Selección inteligente

Expande rangos semánticos sin arrastrar con precisión.

Buscar y saltar

Muévete por bases de código con fricción mínima.

Demostración de múltiples cursores (visual)

Ediciones rápidas
Gif de demostración de función HBuilderX Gif de demostración de función HBuilderX
// edición de múltiples cursores: cambia props repetidos de una vez
const buttons = [
  { label: "Download",  variant: "primary" },
  { label: "Docs",      variant: "primary" },
  { label: "Plugins",   variant: "primary" },
]

Consejo: Reemplaza estos GIFs con capturas de pantalla curadas o medios oficiales si los tienes.

AI dentro de HX: codificación impulsada por Copilot, en el editor

HX admite autocompletado de código AI a través del flujo de trabajo del plugin GitHub Copilot—sugerencias en línea, aceptación rápida y un bucle de edición más fluido "mantente en el flujo", justo donde escribes.

Completados en línea que siguen tu contexto

Completado AI

Obtén sugerencias mientras escribes en código y documentos. Acepta lo que te gusta, mantén lo que escribiste e itera rápidamente—sin romper el enfoque.

// aceptar sugerencia → seguir escribiendo
// rechazar sugerencia → continuar tu intención
// repetir → rendimiento más rápido, mismo control

Configuración rápida, sensación nativa

Plugin

Habilita el plugin Copilot dentro de HX e inicia sesión cuando se te solicite, luego comienza a usar sugerencias AI en tu flujo de trabajo de edición normal.

  • Activa el plugin de completado AI
  • Autentica una vez, luego codifica como siempre
  • Usa el flujo del teclado para aceptar/ignorar sugerencias
Captura de pantalla de función AI HX 1
al abrir HBuilderX, haz clic en Herramientas -> Instalación de plugins -> Instalar nuevo plugin -> Github Copilot for HBuilder -> instalar.
Captura de pantalla de función AI HX 2
completa la ruta del ejecutable Node.js local en Configuración -> Configuración de plugins -> Github Copilot -> Especifica la ruta del ejecutable node para el tiempo de ejecución del servidor de lenguaje Copilot.
Captura de pantalla de función AI HX 3
Iniciar sesión: En el panel de estado, haz clic en el botón Iniciar sesión en Github.
Captura de pantalla de función AI HX 4
Haz clic en Copiar y Visitar para copiar el código del dispositivo al portapapeles y abrir automáticamente la página de autorización en el navegador del sistema.
Captura de pantalla de función AI HX 5
en el navegador, pega el código del dispositivo y autoriza.
Captura de pantalla de función AI HX 6
Copilot proporcionará automáticamente sugerencias de código en línea -> Presiona Tab para aceptar la sugerencia.

AI, sin dejar tu editor

Sugerencias en línea, aceptación primero con teclado y un bucle de edición más fluido—construido para mantenerte en el flujo.

Emoji de codificación saludable

Codificación más saludable con HBuilderX

HX incluye detalles considerados para ayudar a reducir la fatiga visual y el cansancio durante sesiones largas, para que puedas mantenerte productivo sin agotarte.

UI oscura cómoda

La interfaz está optimizada para fondos oscuros y contraste suave para que el código, los paneles y las barras laterales sean fáciles de leer sin deslumbramiento severo.

Fuentes y diseño legibles

El renderizado moderno de fuentes y el espaciado claro facilitan el escaneo de código y Markdown, ayudando a tus ojos a rastrear líneas con menos esfuerzo.

Flujo centrado en teclado

Atajos ricos, edición de múltiples cursores y comandos rápidos reducen el movimiento innecesario del mouse y la tensión repetitiva.

Sensación ligera y responsiva

Un editor responsivo significa menos espera y menos cambios de contexto, manteniendo tu enfoque estable en lugar de detenerte y comenzar constantemente.

Paneles ordenados y enfoque

La jerarquía visual limpia y los paneles de herramientas enfocados ayudan a reducir el ruido en la pantalla, para que tu atención permanezca en el código que importa.

Hábitos saludables en mente

HX está diseñado pensando en el uso a largo plazo—combínalo con descansos regulares, controles de postura y brillo sensato para proteger tus ojos y manos con el tiempo.

// Descargar HBuilderX

// Elige tu plataforma • IDE ligero • Desarrollo web rápido

$ npm install hbuilderx // o

// Windows

Windows

Mejor para desarrollo diario en Win 10/11.

> Descargar gratis

// Estándar / Desarrollo de apps

// macOS

macOS

Rendimiento de edición nativo en Mac.

> Descargar para macOS

// Intel / Apple Silicon

// Linux

Linux

Herramientas rápidas para entornos de desarrollo Linux.

> Descargar para Linux

// x64 / arm64