小程序从0到1:微信全栈工程师一本通
上QQ阅读APP看书,第一时间看更新

1.3 从quick start项目开始

现在,可以启动微信开发者工具了,选择“程序项目”,启动后的界面如图1-10所示。

图1-10

如果未曾登录,使用管理员微信账号,扫码就可以登录“微信开发者工具”了。管理员微信账号是在1.1节注册小程序账号时所用的微信账号。

1.3.1 创建项目

若要创建新的项目,可通过如下步骤来实现。

首先在图1-11所示的界面,选择“本地小程序项目”。

图1-11

然后单击下方的“+”按钮增加新的项目,如图1-12所示。

图1-12

之后会进入图1-13所示的界面,在其中的AppID中填写小程序ID,即在1.1节从小程序微信后台复制的字符串。至于项目名称,可随意填写,例如“小白从0到1学开发”。

图1-13

之后在这里选择一个空目录,如图1-14所示。

图1-14

因为只有选择了空目录,才能出现“在当前目录中创建quick start项目”这个选项,默认是勾选的,默许这个设置。

单击“添加项目”,即可完成quick start项目的初建。

1.3.2 运行项目

首次运行quick start项目时,程序会提示授权,如图1-15所示。

图1-15

允许这个请求。在手机上运行的时候,用户看到的也是类似的提示。

这个地方很容易错点“拒绝”按钮,因为在一般情况下,主操作按钮总是居右的。

quick start项目运行之后的主页面如图1-16所示。

图1-16

单击自己的头像,进入“查看启动日志”的二级页面,如图1-17所示。

图1-17

每启动一次项目,这里就会多一条记录。

1.3.3 刷新项目

要刷新项目,可单击“微信开发者工具”左侧工具栏中的刷新按钮,如图1-18所示。

图1-18

或者按<Command+B>组合键(Windows用户按<Ctrl+B>),重启项目。再次查看上面的日志页面,便多了一条记录。

本章完成了小程序账号的注册以及开发工具的安装和配置,创建了“quick start”项目。“quick start”项目相当于其他编程语言中的“Hello world”程序,旨在帮助初学者快速建立对小程序开发的认知。开发者也可以基于“quick start”项目开发自己的项目。从第2章开始,本书将进入小程序项目实战。