1.2 uni-app开发环境搭建

搭建开发环境是使用uni-app的基础，下面介绍uni-app的开发工具和微信小程序开发环境的搭建。

1.2.1 uni-app开发工具简介

在uni-app的日常开发中，使用得比较多的是HBuilderX编辑器。“HBuilderX”中，H是HTML（Hyper Text Markup Language，超文本标记语言），Builder是构造者，X是HBuilder的下一代版本，简称HX。 HX是为前端开发者服务的通用IDE，或称为编辑器，与VSCode、Sublime、WebStorm等编辑器类似，可以开发普通Web项目，也可以开发DCloud推出的uni-app项目、5+App项目、wap2app项目。除了支持前端技术栈，HBuilderX也可以借助插件支持PHP等其他语言。

HBuilderX编辑器相比其他编辑器具有以下优势。

（1）轻巧、极速：HBuilderX绿色发行包只有10MB。不管是启动、打开大文档，还是编码提示，都能极速响应。采用C++的架构，性能远超Java或Electron架构。

（2）强大的语法提示：HBuilderX具有优秀的AST（Abstract Syntax Tree，抽象语法树）语法分析能力，其语法提示精准、全面、细致。

（3）专为Vue打造：提供比其他工具更优秀的Vue支持，大幅提升Vue开发效率。

（4）清爽护眼：界面清爽简洁，绿柔主题适合人眼长期观看。

（5）高效极客操作：HBuilderX对字处理提供了强大的支持，多光标、智能双击、选区管理等让文字处理的效率大幅提升。

（6）markdown优先：HBuilderX是唯一一个新建文件默认类型是markdown的编辑器，也是对MD书写支持最强的编辑器，甚至可以直接粘贴表格、图片。

（7）小程序支持：国外的开发工具没有对中国的小程序开发进行优化，HBuilderX可以新建小程序项目，为国人提供更高效的工具。

（8）拓展性强：HBuilderX支持Java插件、Node.js插件，并兼容很多VSCode插件及代码块；还可以通过外部命令方便地调用各种命令行功能，并设置快捷键。如果想要使用其他工具（如VSCode或Sublime）的快捷键，可以在【工具】→【预设快捷键方案切换】菜单中进行切换。

1.2.2 小程序开发环境搭建

要开发小程序，首先需要拥有一个小程序账号，通过该账号管理小程序。下面以微信小程序为例进行介绍。

步骤01 申请一个小程序账号。

访问微信公众平台官网，进入小程序注册页面，根据指引填写信息并提交相应的资料，即可拥有自己的小程序账号，如图1-5所示。

通过该小程序管理平台，可以管理小程序的权限、查看数据报表、发布小程序等。

步骤02 登录小程序后台，选择【开发】→【开发设置】选项，即可看到小程序的AppID，如图1-6所示。

温馨提示

小程序的AppID相当于小程序的身份证，后续会在很多地方用到AppID。

步骤03 有了小程序账号之后，还需要一个工具来开发小程序。前往微信开发者工具下载页面，根据操作系统下载相应的安装包进行安装。有关开发者工具更详细的介绍，读者可以查看微信小程序官方提供的《开发者工具介绍》。

步骤04 打开小程序开发者工具，用微信扫码登录，准备开发你的第一个小程序吧！