// 10MB 核心
// 0.5s 启动
// 2M+ 开发者

// 最快的 Vue 和 Markdown IDE

<HBuilderX/>

// 轻量级 IDE • C++ 引擎 • Vue.js 优先 • Markdown 强大

HBuilderX 是 10MB 的 IDE，由原生 C++ 引擎 驱动。 体验即时启动、卓越的 Vue.js 工具和完美的 Markdown 工作流。

> 免费下载 // 探索功能

为什么 HBuilderX 感觉不同

轻量级、性能优先的 IDE 体验—围绕 Web 开发者实际使用的工作流程构建：Vue、Markdown 和 uni-app。

获取 HX →

C++ 与 Electron：可感知的速度

性能

HX 采用原生 C++ 架构构建，专为流畅输入、即时打开大文件和低内存占用而设计—特别是在长时间编码会话中。

即时反馈

不会卡顿的自动补全。

大文件

快速打开、搜索和编辑。

低开销

轻量级占用，现代 UX。

Vue.js 优先

Vue

将 `.vue` 视为一等公民：更智能的语法提示、快速导航以及跨 template/script/style 的高效重构。

  • 更好的 `.vue` 自动补全和提示
  • SFC 块内快速导航
  • 便于重构的编辑

Markdown 能力

文档

通过分屏预览、实时同步以及为技术写作和 README 维护构建的工作流程，编写更好的文档。

# 发布说明
- 实时预览和同步
- 智能粘贴图片/代码片段
- 干净的可导出格式

智能生态

可扩展

保持您的工作流程：广泛的插件兼容性、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 的扩展和预览工具，因此编写文档感觉就像编写代码一样流畅。

Emmet 风格的 Markdown 片段

输入短模式并将其扩展为完整的 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。

HX 内置 AI：Copilot 驱动的编码，编辑器内

HX 通过 GitHub Copilot 插件工作流程支持 AI 代码补全—内联建议、快速接受以及更流畅的"保持流程"编辑循环，就在您输入的地方。

跟随您上下文的内联补全

AI 补全

在代码和文档中输入时获得建议。接受您喜欢的，保留您写的内容，快速迭代—不会打断焦点。

// 接受建议 → 继续输入
// 拒绝建议 → 继续您的意图
// 重复 → 更快的吞吐量，相同的控制

快速设置，原生感觉

插件

在 HX 中启用 Copilot 插件，并在提示时登录，然后开始在正常的编辑工作流程中使用 AI 建议。

  • 打开 AI 补全插件
  • 认证一次，然后照常编码
  • 使用键盘流程接受/忽略建议
HX AI 功能截图 1
打开 HBuilderX，点击工具 -> 插件安装 -> 安装新插件 -> Github Copilot for HBuilder -> 安装。
HX AI 功能截图 2
在设置 -> 插件配置 -> Github Copilot -> 指定 Copilot 语言服务器运行时的 node 可执行文件路径中填写本地 Node.js 可执行文件路径。
HX AI 功能截图 3
开始登录：在状态面板中，点击登录到 Github 按钮。
HX AI 功能截图 4
点击复制并访问以将设备代码复制到剪贴板，并在系统浏览器中自动打开授权页面。
HX AI 功能截图 5
在浏览器中，粘贴设备代码并授权。
HX AI 功能截图 6
Copilot 将自动提供内联代码建议 -> 按 Tab 接受建议。

AI，无需离开您的编辑器

内联建议、键盘优先接受以及更流畅的编辑循环—旨在让您保持流程。

健康编码表情符号

使用 HBuilderX 更健康地编码

HX 包含贴心的细节，帮助减少长时间会话中的眼疲劳和疲劳，让您保持高效而不会精疲力尽。

舒适的深色 UI

界面针对深色背景和柔和对比度进行了优化，使代码、面板和侧边栏易于阅读，而不会产生刺眼的眩光。

可读的字体和布局

现代字体渲染和清晰的间距使扫描代码和 Markdown 变得更容易，帮助您的眼睛以更少的努力跟踪行。

键盘优先流程

丰富的快捷键、多光标编辑和快速命令减少了不必要的鼠标移动和重复性劳损。

轻量级，响应式感觉

响应式编辑器意味着更少的等待和更少的上下文切换，保持您的注意力稳定，而不是不断停止和启动。

整洁的面板和焦点

清晰的视觉层次和专注的工具面板有助于减少屏幕上的噪音，让您的注意力保持在重要的代码上。

健康习惯在心中

HX 的设计考虑了长期使用—将其与定期休息、姿势检查和合理的亮度相结合，以保护您的眼睛和手。

// 下载 HBuilderX

// 选择您的平台 • 轻量级 IDE • 快速 Web 开发

$ npm install hbuilderx // 或

// Windows

Windows

最适合 Win 10/11 的日常开发。

> 免费下载

// 标准版 / 应用开发版

// macOS

macOS

Mac 上的原生编辑性能。

> 下载 macOS 版

// Intel / Apple Silicon

// Linux

Linux

适用于 Linux 开发环境的快速工具。

> 下载 Linux 版

// x64 / arm64