欢迎来到uni-app x的零基础入门课程
上一节我们提到了一个工具——hbuilderx，这节课我们来安装并学习使用它。
安装HBuilderX
- 下载软件 HBuilderX 下载地址。
- 进入网站后，将鼠标移到“more”选项处，根据自己的操作系统选择对应的安装包。正式版是相对稳定的版本，Alpha版可以理解为尝鲜版，有些新功能，但出现BUG的几率大于正式版，新手不推荐安装。
- Windows系统下载的是一个压缩包，无需复杂安装，只需解压缩即可使用。解压时，无论使用何种压缩软件，只要记住解压路径，就不会影响后续使用。
- 找到解压后的文件夹，双击带有绿色图标的HBuilderX应用程序，即可打开软件，至此安装完成。
卸载HBuilderX
如果需要卸载HBuilderX，操作如下：
-
回到解压后的文件夹目录，找到名为“reset”的文件并双击。
-
在弹出的对话框中点击“是”，然后按任意键继续，完成后再按任意键结束。
-
最后将压缩包和解压后的文件夹删除即可，不会留下残留文件。
HBuilderX界面自定义
- 打开HBuilderX后，默认界面可根据个人喜好进行自定义。比如，若喜欢深色主题（写代码更沉浸），可点击“主题切换”，选择“雅蓝”主题。
创建项目
-
点击“新建项目”按钮。
-
自定义项目名称（例如“hello”），选择项目文件的存放位置（只要能找到即可）。
-
注意：一定要勾选相关选项（若不勾选，创建的是上一代的uniapp项目），其他选项暂时默认，点击“创建”即可。
运行项目到内置浏览器
-
创建项目完成后，打开项目中的
hello/pages/index/index.uvue。 -
点击“运行” ==> “运行到内置浏览器”。此时会提示安装内置浏览器插件，点击安装，等待安装完成。
-
安装编译器过程中，可能会弹出申请网络访问的对话框，点击“允许”即可。
HBuilderX界面介绍
安装插件并运行项目后，界面会更加丰富，主要包含以下几个区域：
- 中间最大区域：编辑器，是我们编写代码的地方。
- 左边一栏：项目管理器，用于管理项目文件。
- 右边一栏：内置浏览器，修改的代码可以实时在这里显示效果。例如，将代码中的“hello”改成“12345”，按“ctrl+s”保存后，内置浏览器中会立即显示修改后的内容。
- 下面一栏：控制台，方便进行调试。编译错误、语法错误等都会在这里显示，且出现错误的代码行可以快速定位。比如，提示“app show”错误时，点击后面蓝色带下划线的链接，就能快速找到对应的代码行。这些调试技巧在今后编程中会经常用到。
现在你已经学会了HBuilderX的安装、卸载、界面自定义、创建项目以及基本的运行和调试操作。 下一节课，我们将学习uni-app x的基础知识，敬请期待。
