HBuilder X

HBuilder X 官方版 v3.96.2023110403

软件大小:38.47MB
软件类型:国产软件
软件语言:简体
软件授权:免费软件
软件分类: 编程工具
支持系统:

      HBuilder X官方版是特别为前端量身订制的多功能代码编辑器,它有飞一样的编码、最完整的语法库和浏览器兼容数据、能够方便制作手机APP,还有保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。而且HBuilder X下载简单,从开放注册以来深受广大前端朋友们的喜爱。

相关推荐

相关软件 版本说明 下载地址
海龟编辑器
官方版
查看
hbuilder
标准版
查看
Python
官方中文版
查看
猿编程客户端
官方版
查看
常见问题

      一、安装与配置问题

      基座安装失败

      现象:安卓基座同步失败或提示权限不足

      解决:需通过ADB手动清理残留HBuilder应用:

      adb uninstall io.dcloud.HBuilder

      ``` ```

      重启HBuilderX后重新安装基座[9]()[5]()。

      无法连接设备/ADB报错

      替换ADB版本:进入

      HBuilderXpluginslauncher-toolstoolsadbs

      ,尝试使用1.0.31或1.0.36版本的adb文件。

      模板下载失败

      修改配置文件:找到

      config.json

      ,将模板下载路径中的版本号替换为可用版本(如2021112217)。

      二、打包与编译问题

      打包报错(Node版本不兼容)

      替换Node版本:下载与系统匹配的Node.js 压缩包,替换

      HBuilderXpluginsnode

      下的node.exe 文件。

      H5页面报错(如被动事件监听)

      添加CSS样式:

      * { touch-action: none; }

      ``` ```

      避免Chrome浏览器默认滚动行为冲突[8]()。

      404页面错误

      检查端口占用:在HBuilderX中重置内置服务器端口,或确保HTML文件已正确保存。

      三、真机调试问题

      同步文件失败/无法打印日志

      清理缓存:删除

      C:Users用户名AppDataRoamingHBuilderXindexdb

      目录。

      检查设备:开启USB调试模式,更换数据线或USB端口。

      内置浏览器异常

      关闭冲突软件:如杀毒软件或浏览器插件,释放系统资源。

      四、性能优化

      运行卡顿

      清理IDE缓存:同真机调试的缓存清理步骤。

      升级硬件配置:建议使用SSD硬盘并增加内存。

      五、网络连接问题

      无法联网

      检查代理设置:重置HBuilderX网络配置,关闭第三方防火墙。

      更新依赖:通过菜单「工具」→「插件安装」更新所有插件。

      六、小程序开发问题

      无法连接微信开发者工具

      开启安全设置:在微信开发者工具中启用「安全设置」→「开启服务端口」。

      Vant组件引用报错

      修改项目配置:在微信开发者工具中开启「ES6转ES5」和「增强编译」。

      其他提示

      遇到未知错误时,可通过「帮助」→「查看运行日志」定位问题。

      建议定期备份项目,避免配置覆盖导致数据丢失。

功能特点

      1. 轻巧

      仅10M的绿色发行包

      2. 极速

      不管是启动速度、大文档打开速度、编码提示,都极速响应

      3. 清爽护眼

      界面清爽简洁,绿柔主题经过科学的脑疲劳测试,是最适合人眼长期观看的主题界面

      4. 无鼠标操作

      掌握HBuilder X官方版的无鼠标操作体系,成为高效极客,飞一般编码

      5. markdown优先

      HX是唯一一个新建文件默认类型是md的编辑器。

      对于技术人员,我们强烈建议你以后不要使用记事本了,用markdown来替代txt。

      本自述文件就是漂亮的markdown文档,这是技术人员才能独享的美:)

      HX为md强化了Emmet、智能回车、智能缩进、智能双击,拥有顶尖的markdown编写体验。

      点菜单帮助-markdown语法示例,可快速掌握md及HX的强化技巧!

截图
软件特色

      编码比其他工具快5倍够不够?对极客而言,追求快,没有止境!

      代码输入法:按下数字快速选择候选项

      可编程代码块:一个代码块,少敲50个按键

      内置emmet:tab一下生成一串代码

      无死角提示:除了语法,还能提示ID、Class、图片、链接、字体…

      跳转助手、选择助手,不用鼠标,手不离键盘

      多种语言支持:php、jsp、ruby、python、nodejs等web语言,less、coffee等编译型语言均支持

      边改边看:一边写代码,一边看效果

      强悍的转到定义和一键搜索

      这里还有最全的语法库、最全的语法浏览器兼容库

截图
使用方法

      HBuilderX - 高效极客技巧

      惯常来讲,ide和编辑器是2个产品类别。

      ide侧重于某种语言的语法分析、提示、转到定义、调试。

      而编辑器则是对通用文本处理,但提供更高效的通用文本处理能力。

      上一代HBuilder是一个典型的IDE,语言处理非常强大,但在字处理方面客观讲不如优秀的编辑器。

      而新的HBuilderX,定位是ide和编辑器的完美结合,那么HBuilderX就会提供世界顶级的高效字处理能力。

      看完这些,你一定会惊叹,原来极客是这么玩的。

      免拖动选择

      用鼠标或拖着选中一片文本,是一个很容易让食指抽筋的操作。尤其是触摸板更痛苦。

      但是背诵很多相关的快捷键也一样痛苦。

      HBuilderX提供了更友好方式:智能双击和Ctrl+=扩大选区。

智能双击

      下面是智能双击选中tag和包围父tag的示例

      1. 双击div的首或尾可以选中这个tag。当然双击if、双击缩进符、双击括号引号内侧...很多位置都可以通过智能双击选中。具体见HBuilder的选择菜单。

      2. 按Ctrl+]包围,就可以在这个选区首尾加父标签,同时闪烁光标。当前在js里按下Ctrl+]不会包围tag,而是包围if、for等函数库。

      3. 输入div即可在首尾添加包围标签

截图
更新日志

      HBuilder X 3.7.3.20230223版本更新内容:

      新增代码块包围在选区外包裹if等代码块

菜单编辑->包围->代码块包围,快捷键win:Ctrl+Alt+T、mac:Command+Alt+T

      新增项目管理器字体大小调节

菜单设置->常用配置)

      修复语言服务Vue3-ts项目image src属性报错的Bug

      修复语言服务uni-app main.js中通过Vue.prototype.xxx定义的Vue变量或方法,在vue文件中,this.无法提示的Bug

      修复语言服务Vue文件,当只有script和style节点,没有template节点时,文档结构图显示空白的Bug

      修复多光标在同一行时,复制或剪切,会复制多行内容的Bug

      修复转到定义耗时较长时,可能无法转到定义的Bug

      修复某些情况下,因编辑器主题配置异常,导致HBuilderX无法启动的Bug

      修复Markdown code区域无法高亮显示空白字符的Bug

      修复Markdown从WPS复制表格数据粘贴为Markdown表格语法转换错误的Bug

      修复查找索引符号按下esc取消后,编辑器不会自动滚动到原来的光标所在位置的Bug

      修复设置界面和manifest.json界面,点击复选框控件上的文字右边空白区域也会导致选中/取消的Bug

      修复uniCloud云函数当云函数目录下存在中文文件时,上传并运行操作失败的Bug

      新增App真机运行MacOSX运行项目到iOS真机,自动启动App(需MacOSX安装跟iOS手机系统相匹配的Xcode)

      新增App真机运行Windows iOS标准基座支持使用Apple证书签名,签名后可运行标准基座到iOS真机设备

      新增App真机运行Windows设备选择窗口基座选择列表,自定义基座和标准基座支持使用&快捷键进行切换

      新增uni-app微信小程序发行,自动上传到微信平台,支持配置微信ci机器人编号

      新增uni-app uts插件运行到Android支持debug调试

      优化uni-app uts插件iOS编译,提升编译速度

      修复uni-app运行到Chrome每次运行打开的都是新的Chrome实例的Bug

      提示:小编仅提供部分更新内容,完整版请参阅官网更新日志https://download1.dcloud.net.cn/hbuilderx/changelog/3.7.3.20230223.html

软件特别说明


HBuilder X下载地址

Windows版下载
普通下载:
HBuilder X

HBuilder X