![图片[1] | HBuilder X 代码编辑器下载 | 睿豪资源网](https://cos.ruihaokeji.com/2022/10/20221031065044image314.webp)
软件简介
HBuilderX是编辑器和IDE的完美结合。HBuilderX包含优秀的字处理能力,以及顶尖的代码提示、转到定义、运行调试等功能。 HBuilderX独有的UniApp开发插件、快应用开发插件还可以帮助开发者快速开发手机App。
官网:https://www.dcloud.io/hbuilderx.html
- 1.HBuilderX插件市场上线
- 2.新增 uni-app 自动化测试
- 3.新增 uni-app 运行和发布到快应用联盟
- 4.新增 uni-app运行和发布到华为快应用
说明:HBuilderX正式版和Alpha版区别:
Alpha版比正式版更新频率更高,新功能会优先在 alpha 版上发布,但稳定性可能不如正式版,对于新手建议用正式版。
HBuilderX标准版和App版的区别
BuilderX标准版可直接用于web开发、markdown、字处理场景。当用来做App开发时需要安装插件。App开发版预置了App/uni-app开发所需的插件,开箱即用。标准版也可以在插件安装界面安装App开发所需插件,App开发版预集成App开发所需插件。App开发插件体积大的原因主要有2方面:真机运行基座,Android版、iOS版、iOS模拟器版,加起来体积就1百多M。真机运行基座需要把所有模块都内置进去,方便大家开发调试。开发者自己做app打包是不会这么大的,因为可以在manifest里选模块来控制体积。uni-app的编译器,依赖webpack和各种node模块,node_modules就是这么一个生态现状,文件超级多,几万个文件,解压起来很慢
下载后,将压缩包复制到适当位置,解压压缩包,找到Hbuilder X可执行程序,双击即可启动程序
![图片[2] | HBuilder X 代码编辑器下载 | 睿豪资源网](https://cos.ruihaokeji.com/2022/10/20221031064559image753.webp)
简单使用
使用 “文件”菜单→“新建”→“html文件”, 可以新建一个html文件,如下图:
![图片[3] | HBuilder X 代码编辑器下载 | 睿豪资源网](https://cos.ruihaokeji.com/2022/10/20221031064620image633.webp)
现在,可以编辑网页了,参见下图:
![图片[4] | HBuilder X 代码编辑器下载 | 睿豪资源网](https://cos.ruihaokeji.com/2022/10/20221031064636image577.webp)
【“视图”菜单可以控制显示布局。】
当编辑完成后,点击“保存“按钮,就可以点击右侧的”预览“按钮看效果(若是第一次使用,若是后第一次使用”预览“,提示安装内置浏览器插件,安装之),参见下图:
![图片[5] | HBuilder X 代码编辑器下载 | 睿豪资源网](https://cos.ruihaokeji.com/2022/10/20221031064930image211.webp)
提示:输入关键字时,具有智能提示列表,可以加快输入速度,参见下图:
![图片[6] | HBuilder X 代码编辑器下载 | 睿豪资源网](https://cos.ruihaokeji.com/2022/10/20221031065000image201.webp)
也可以用上下键移动到需要的条目 再用Ctrl+回车确定。
下载链接:
标准正式版:点此下载
开发板:点此下载
暂无评论内容