
HBuilderX 是 DCloud(数字天堂)推出的轻量高效跨端开发工具,主打
HTML5、小程序、App(UniApp)、快应用等多端开发,基于 Electron 框架构建,兼容 Windows/macOS/
Linux,以 “极速编码 + 一键发布” 为核心,是前端 / 跨端开发者的主流选择,免费
开源(核心功能),部分企业级服务需付费。
- 语法高亮与智能提示:对 HTML/CSS/JS/Vue/TS 等语法全覆盖,支持 Emmet 语法(如
div>ul>li*3一键生成结构),代码补全精准度高,适配 UniApp 专属语法提示。
- 快捷键体系:内置超 200 个高频快捷键(如
Alt+/代码提示、Ctrl+D选中相同字符、F12跳转定义),支持自定义快捷键与代码片段,大幅提升编码效率。
- 多光标编辑:按住
Ctrl点击可创建多光标,批量修改代码;支持列选择(Alt+鼠标拖动),适配表格类代码批量编辑。
- 多端统一开发:一套代码发布到微信 / 支付宝 / 抖音 / QQ 小程序、iOS/Android App、H5、快应用,无需单独适配各平台语法。
- 真机调试:连接手机(USB/WiFi)即可实时调试 App / 小程序,支持断点调试、日志输出,无需打包安装。
- 一键打包发布:内置云打包(免本地配置 SDK),可直接生成 App 安装包(apk/ipa)、小程序代码包,支持自动适配各平台规范。
- 内置浏览器预览:无需启动外部浏览器,编辑器内实时预览页面效果,支持模拟移动端尺寸、网络节流。
- 终端与插件集成:内置终端,可直接执行 npm、git、adb 等命令;插件市场覆盖代码格式化、ESLint、主题美化等,支持自定义插件开发。
- 代码管理:集成 Git/SVN,支持提交、拉取、分支管理,适配团队协作开发;内置代码对比工具,可快速比对文件差异。
- 小程序开发:内置各平台小程序模拟器,支持小程序代码校验、自动补全平台专属 API,发布前一键检测违规内容。
- App 开发:支持原生插件集成(Android/iOS),可调用手机硬件(相机、定位、蓝牙);适配鸿蒙系统,支持 HarmonyOS App 开发。
- 性能分析:内置性能检测工具,可分析页面加载速度、资源占用,优化 App / 小程序运行效率。
- 安装启动:,解压便携版;首次启动选择 “默认编辑器” 或 “UniApp 开发” 配置,切换中文界面(默认已适配)。
- 新建项目:
- 点击 “文件→新建→项目”,选择模板(如 “UniApp→默认模板”),填写项目名称与路径,创建跨端项目。
- 若开发纯前端,选择 “Web→HTML5 模板”,快速创建基础项目结构。
- 编码与预览:
- 在编辑器中编写代码,按
Ctrl+S保存,点击顶部 “运行→运行到浏览器” 实时预览;开发 UniApp 时,选择 “运行到微信开发者工具” 调试小程序。
- 真机调试:
- 连接手机(开启 USB 调试),点击 “运行→运行到手机或模拟器”,选择设备即可实时调试 App。
- 打包发布:
- 开发完成后,点击 “发行→云打包”,选择平台(Android/iOS),等待打包完成后下载安装包;小程序则选择 “发行→微信小程序”,生成代码包后上传至微信公众平台。