HBuilderX电脑版官方版作为HBuilder的进阶版本,是专为程序员设计的网页前端开发神器。体积轻巧,仅为10M的绿色版本,无论是启动、文档打开,还是代码补全速度均极快。基于C++架构,性能远超Java或Electron架构,它融合了编辑器的轻巧与IDE的强大功能。软件对vue进行了深度优化,自动适配vue语法,极大提升开发体验。此外,HBuilderX电脑版官方版还支持小程序等多种项目的开发,提供高效的开发工具。Markdown支持、代码提示、多光标操作、智能双击、JSON支持等功能一应俱全,欢迎体验。

HBuilderX电脑版官方版使用教程
一、基本介绍
1、快速响应理念下,左侧项目管理器以单击而非双击进行操作。
2、单击方式可以快速展开目录和预览文件,而双击则用于打开文件。
3、文件预览时,顶部标签呈斜体显示。继续预览其它文件会替换当前预览。编辑文件后,标签将自动转为正体,不再被替换。

4、项目管理器默认不显示图标,可通过右上角悬浮菜单进行设置。
5、支持多种图标插件,可在工具-插件安装中寻找。
6、文件保存机制防止数据丢失,支持热退出功能,即关闭软件时无需保存,下次打开恢复原状。
7、自动每30秒保存临时文件(可调整时间间隔)。
8、无论软件关闭、断电或崩溃,临时文件都会被自动保存。
9、支持编译时保存,减少资源消耗,可一次性保存多个文件。
二、语法提示
HBuilderX电脑版官方版自研语法分析引擎,为多种前端框架提供准确语法提示。
框架的语法提示库可在页面右下角选择。

注意:
1、框架语法库适用于项目级别,一旦加载,项目下所有js或HTML文件都会获得相应的代码提示。
2、单独打开的文件无法加载语法库。
三、代码助手
使用alt+数字快速切换至指定项目。

四、语法帮助
光标放到api上,按下F1可跳转至官方手册,适用于vue、uni-app、5+等api。
注:2.5.7.20200116-alpha+版本起,按F1查看帮助文档将在外部浏览器打开。

五、编辑器与项目管理器同步
默认实现标签卡与项目管理器的自动关联。若不需要此功能,可在右上角悬浮菜单中取消。

取消同步后,可通过编辑器右键菜单“在项目管理器中定位”手动定位。

六、多光标支持
1、HBuilderX电脑版官方版支持ctrl+鼠标左键增加光标,ctrl+鼠标右键取消光标或选区。

2、ctrl+e (mac是cmd+d)选中相同词汇进行批量处理。

七、列选择
列选择可通过alt+鼠标拖选,或使用快捷键ctrl+alt+↑或↓。

八、选择编码、高亮显示
无法高亮显示或编码错误的文件,可在右下角选择其他编辑器打开或重新选择编码打开。

软件亮点
1、代码
输入法:数字快捷选择
2、编程代码块:减少重复输入
3、内置emmet:快速代码生成
4、全面提示:语法外还包括ID、Class、图片、链接、字体等
5、跳转助手、选择助手:提高效率,减少对鼠标的依赖
6、多语言支持:包括php、jsp、ruby、python、nodejs等web语言,以及less、coffee等编译型语言
7、实时预览:边写代码边看效果
软件特色
1、HBuilderX电脑版官方版紧凑的10M绿色版
2、快速启动、打开大文件、代码提示,基于C++架构
3、深度优化vue,提升开发体验
4、针对国内小程序开发的优化,支持uni-app等项目
5、markdown编辑器功能强大,对md支持全面
6、界面清爽护眼,绿柔主题经过科学测试,适合长期观看
7、自主IDE语法分析引擎,精确代码提示和功能定义
8、多光标、智能双击等高效字处理功能
9、针对现代js开发的json结构操作优化
更新日志
v3.96
新增 uni-app 运行到 Web 时支持 debug 调试 详情
新增 uniCloud前端网页托管 支持腾讯云
新增 状态栏 右下角补充升级图标及新版本红点提示
新增 MarkDown 代码区块的语言着色高亮,支持提示下载对应语言着色扩展插件
新增 Markdown 支持跨文件转到#标题或标题的@别名 详情
新增 TypeScript 实时语法校验 详情
新增 语言服务 HBuilderX电脑版官方版支持tailwindcss提示,需要安装tailwindcss插件 详情
新增 语言服务 uni-app i18n国际化 pages.json和Vue页面 支持i18n代码提示、转到定义 详情
修复 语言服务 React 某些情况下,回车后补充了()的Bug
修复 语言服务 React jsx文件 没有代码提示的Bug
修复 语言服务 CSS pointer-events缺少auto属性的Bug
修复 语言服务 Vue {{}}view后按tab,编辑器右下角弹窗提示Failed to expand abbreviation的Bug
修复 语言服务 uni-app项目,import x from ‘@/‘,@/开头的路径,某些情况下,转到定义失败的Bug
修复 代码块设置 自定义其它语言代码块 窗口列表出现两个JSON选项的Bug
修复 自定义代码块 注释中$DATE_TIME显示日期错误的Bug
修复 操作系统环境变量 配置NODE_OPTIONS --openssl-legacy-provider后,启动时失去响应的Bug
修复 打开内置终端后,插件API hx.window.showQuickPick() 窗口无法滚动的Bug
修复 首次打开文档并编辑,第一次撤销后光标位置不对的Bug
修复 HBuilderX电脑版官方版单项目窗体 编辑器 选择语言关联窗口位置偏移的Bug
优化 插件安装 提示插件安装失败时给出详细原因和解决指南
调整 Git插件 pull操作 默认选项改为第四项,即git pull --rebase --autostash
修复 App安心打包 某些情况下,提交打包,提示大小超过40M的Bug
修复 App manifest.json 一键生成iOS通用链接功能,不能自动生成apple-app-site-association文件的Bug 详情
修复 Wap2App项目,提交打包,某些情况下,生成的App样式不正确的Bug