快速使用uni-app搭建小程序项目

快速使用uni-app搭建小程序项目

1.下载安装HBuilder

HBuilder是uni-app官方团队专门定制的编辑器，它对Vue做了大量优化投入，且支持uni-app官方库Api的智能提示和推断，同时，我们也可以在通过编辑器快速的创建各种场景下的项目模板，总之HBuilder是用uni-app进行应用开发的首选编辑器，可以访问其官网进行下载安装，点击如下链接可直接跳转：hbuilder编辑器

初始化项目

安装好HBuilder后，打开编辑器，点击左上角菜单“文件”->“新建”，选择“项目”，即可进入初始化项目的设置界面，界面大概如下：

配置完后，点击确定，项目就生成好了，可以看到生成的项目目录如下：

最核心的目录pages内，可以看到只有一个页面index, 那么怎么运行呢？因为我们是要开发一个微信小程序，而微信小程序官方是有提供一个开发和调试工具的，所以如果需要让项目跑起来，我们还得安装一下这个微信开发者工具