【HBuilderX专业版下载】HBuilderX编辑器 v3.2.16.20211122 完美破解版

HBuilderX专业版是超强的网页前端开发工具，具有体积小巧、启动秒开的特点，同时还编辑器和IDE完美结合，并能够带来有飞一样的编码、最完整的语法库和浏览器兼容数据，能够轻松满足用户的各种前端开发功能需求，助你高效完成开发工作。

HBuilderX具有保护眼睛的绿柔设计等特点，并支持java、nodejs等插件，也支持众多其他编辑器不具备的高效字处理模型，此外更是支持HTML、CSS、JS、PHP的快速开发，是广大前端开发人员的必备软件。

HBuilderX，简称HX，是轻如编辑器、强如IDE的合体版本

1、轻巧、极速

10M的绿色发行包

C++架构，启动速度、大文档打开速度、编码提示，都极速响应

2、强大的语法提示

一流的ast语法分析能力

语法提示精准、全面、细致，转到定义、重构完善

3、专为vue打造

提供比其他工具更优秀的vue支持

大幅提升你的vue开发效率

4、清爽护眼

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

保护手腕，减缓鼠标手

5、HBuilderX对字处理提供了更崇高的支持

更强大的多光标、智能双击、选区管理...

让文字处理的效率大幅提升

比如你可以简单的选中想要处理的多端文字区块，方便的同时注释掉不同行的一对tag或if块首尾行

6、markdown优先

HX是唯一一个新建文件默认类型是markdown的编辑器，也是对md支持最强的编辑器，你甚至可以直接粘贴表格、图片进来

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

一、用户界面

像许多其他代码编辑器一样，HBuilderX采用通用的用户界面和左侧的资源管理器布局，而右侧的编辑器则显示已打开文件的内容。

二、基本布局

用户界面主要分为：

1、编辑器 - 编辑文件的主要区域。您可以在垂直和水平方向上并排打开任意数量的编辑器。

2、项目管理器 - 包含诸如资源管理器之类的不同视图，可在您处理项目时为您提供帮助。

3、工具栏

4、状态栏 - 有关打开的项目和您编辑的文件的信息。

5、控制台 - 您可以在编辑器区域下方显示不同的面板，以获取输出或调试信息，错误和警告或集成终端。面板也可以向右移动以获得更多垂直空间。

每次启动HBuilderX时，它的打开状态与上次关闭时的状态相同。

三、迷你地图

为您提供了源代码的高级概述，这对于快速导航和理解代码很有用。

迷你地图, 显示在编辑器的右侧。您可以单击或拖动阴影区域以快速跳至文件的不同部分。

提示：

1、您可以在编辑器最右侧，点击右键，关闭或打开迷你地图。

2、【设置】【编辑器设置】，也可以调整迷你地图像素宽度，默认100

三、文档结构图

左边的大纲是长文档导航的利器。HBuilderX提供了优雅简洁的文档导览界面。

可以点底栏左侧红框内的大纲按钮，对应的快捷键是【win：alt+w、mac：ctrl+w】

四、内置资源管理器

此处只是简单介绍下内置资源管理器，请查看详细用法

传统开发工具，仅仅依靠左侧的项目树来管理资源文件，便利性和效率是远远不够的。 HBuilderX内置的资源管理器，给你一个更大的资源管理界面，大幅提高文件的管理效率。

相比OS自带的资源管理器，HBuilderX资源管理器为编程文件提供专门的优化。

1、在大图预览界面下直接显示html标题、vue页面、组件的名字

2、直接预览markdown的内容

3、在列表详情界面扩充单独的列来显示svn/git状态

五、编辑器布局

HBuilderX，默认情况下，编辑器组以垂直列布局。

当然，您也可以轻松按自己喜欢的任何布局在垂直和水平方向上排列编辑器。

菜单 “视图 -> 分栏”，有一组预定义的编辑器布局。

六、单窗体

单窗体： 就是项目管理器，只显示一个项目。

在主窗体上，点击菜单【视图】【新建HBuilder窗体】，就可以新建一个单项目窗体。

在主窗体上，选中某个项目，右键菜单，点击【在新窗体中打开】，即可将项目在单项目窗体中打开

HBuilderX，可以让您直接从键盘执行大多数任务。

一、快捷键方案

HBuilderX，预设了5种快捷键方案，分别为: HBuilderX、VS Code、Sublime Text、IntelliJ Idea / Webstorm、Eclipse

二、自定义快捷键

HBuilderX，所有键盘快捷键都可以通过keybindings.json文件进行自定义。

点击菜单【工具】【自定义快捷键】，可以打开自定义快捷键配置文件, 您可以在其中覆盖默认快捷键。

快捷键，由command和key组成，如下图所示。

一、导入项目/目录

点击顶部菜单【文件】【导入】，或点击菜单【打开目录】，即可导入项目到HBuilderX。

HBuilderX， 支持从svn、Git、本地导入项目。

svn、git导入项目，需要先安装svn、git插件。

二、创建项目

HBuilderX支持多种项目类型，主要有：web项目、5+App项目、uni-app项目、wap2app、HBuilderX扩展插件等。项目类型详细介绍

1、欢迎页面，点击新建项目

2、【工具栏】第一个图标

3、顶部菜单【文件 -> 新建 -> 项目】

三、关闭项目

当项目管理器，项目数量过多时，您可以关闭项目；

在项目管理器，选中项目，右键菜单，点击【关闭项目】，即可将目移动到【已关闭项目】列表中。

当然，后期也可以从【已关闭项目】中，将需要的项目打开，移动到项目管理器。

四、项目别名

HBuilderX，支持对项目创建或修改别名。

项目管理器，选中项目，右键菜单，点击【修改项目别名】，即创建别名。

五、toolbar

HBuilderX 3.3.0+版本，项目管理器视图toolbar 新增定位和折叠所有快捷功能

注意：将鼠标移动到HBuilderX项目管理器范围内，相关图标才会显示出来。