2.2.1　安装编辑器HBuilder X

HBuilder X是一款编辑器，“快”是其最大优势，通过完整的语法提示和代码输入法、代码块等大幅提升HTML、JS、CSS的开发效率。下面介绍HBuilder X编辑器的安装操作步骤。

（1）访问HBuilder X的官网，单击首页中显示的HBuilder X按钮后，单击DOWNLOAD按钮，如图2-6所示。

图2-6　下载HBuilder X

（2）下载完成后，对其进行解压；双击后，按照步骤依次进行操作。安装成功后，在HBuilder X中可以通过执行相应命令并编写Vue代码来实现新建项目，如图2-7所示。

图2-7　安装HBuilder X后新建项目