持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第21天，点击查看活动详情

安装下载

官方给了我们2种方式，一种vue脚手架，另外一种就是HBuilderX，当然我选择的是第二种，毕竟vue还是用过的，看看可视化开发是什么样子的

这个是下载以后的过程：都是参考官方，大家可以点击下载地址去看

下载

HBuilderX下载地址: 下载地址

解压安装包

HBuilderX，Windows为zip包，解压后才能使用。

1. 首先，选中下载的zip包，点击右键菜单，点击解压到当前文件夹
2. 进入解压后的文件夹，找到HBuilderX.exe，直接点击打开。

特别注意：解压过程中，不要中断解压。

错误的打开方式

1. 直接双击，在压缩包中，打开HBuilderX.exe是错误的。
2. 从压缩包中，把HBuilderX.exe拖到桌面也是错误的。

错误的打开方式：

创建桌面快捷方式

启动问题排查指南

1. 您可能会碰到在windows上，无法启动HBuilderX的问题，请参考: HBuilderX启动问题排查指南
2. HBuilderX的配置文件损坏，也会导致软件无法启动，请参考: 配置文件损坏解决方案

HBuilderX被误报病毒木马的说明

首先说明，HBuilderX每次发版都会经过专业安全公司的单独检测。 通过后才会正式更新。请放心使用。 几年来，安全公司从未检测出一个病毒木马。但不给他们提交检测，他们就会乱报警告。

HBuilderX被误报病毒木马的详细说明

如果某天发现，HBuilderX.exe自动消失不见了，有可能是被某些软件隔离了。请在安全软件中把HBuilderX的目录设为信任目录即可

下载完毕以后，创建桌面快捷

点开后就有这样一个页面

点开新建，点项目，然后就会出现选择框架

随便点击一个，写下项目名称，点击确定

然后就有这个页面

点击上方，运行，选择浏览器

然后就可以看到你的第一个小程序页面了

是不是很简单，昨天研究了一下小程序的语法，今天自己研究了如何创建页面，明天可以自己写页面啦，每天一点进步