一、介绍
HBuilderX是一款由DCloud开发的集成开发环境（IDE），专为前端和移动应用开发设计。以下是其详细简介：
- **跨平台特性**：基于Electron平台，可在Windows、macOS和Linux等操作系统上使用，满足不同开发者的系统需求。
- **丰富的技术支持**：支持多种前端框架，如Vue、React、Angular等，也支持开发DCloud出品的uni - app项目、5+App项目、wap2app项目等，同时对HTML5、CSS3、JavaScript、TypeScript等语言提供良好支持。
- **高效的代码编辑功能**：具备智能代码提示、自动补全、代码格式化、语法检查等功能，其一流的ast语法分析能力，能使语法提示精准、全面、细致，可提高开发效率和代码质量。
- **便捷的调试与预览**：支持实时预览页面效果，开发者在编辑代码时可即时查看页面呈现效果，还提供多种设备模拟器，方便在不同设备和分辨率上进行测试，同时集成了强大的调试器，便于开发者定位和修复代码中的问题。
- **强大的项目管理能力**：可方便地创建、打开、关闭和删除项目，轻松导入和导出项目，还集成了Git等版本控制工具，方便团队协作和项目管理。
- **丰富的插件扩展**：拥有活跃的插件市场，插件资源丰富多样，开发者可根据项目需求，轻松挑选并安装所需插件，如代码格式化插件、UI组件库插件等，以扩展工具功能。
- **其他优势**：HBuilderX绿色发行包仅10余M，启动速度、大文档打开速度快，响应敏捷；界面清爽简洁，绿柔主题护眼；支持云端同步，方便开发者在多个设备之间同步项目和文件。
二、下载安装
下载链接
HBuilderX-高效极客技巧
进入之后选择
下载完成后
因为Hbuilder是绿色软件，所以我们直接将压缩包解压到目标位置
直接双击使用即可
我们右击该文件，选择发送到—>桌面快捷方式
这样我们就可以收获一个桌面快捷方式
三、使用介绍
1.初始化
初次进入会提示使用主题，我门选择一个即可
2.新建项目
我们选择 文件—>新建—>项目
可以看到我们可以创建很多项目
我们这里简单创建一个HTML
可以看到创建的项目的目录如下
我们点击index.html,可以看到其中代码
我们在body中添加一个helloworld,将Html代码变成这样
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> hello world </body> </html>
3.运行项目
我们点击上方播放按钮，选择其中一个浏览器进行打开，
打开之后，对应的浏览器会打开一个新的网页，可以看到，我们的hello world输出成功了
