小程序,巧应用:微信小程序开发实战
上QQ阅读APP看书,第一时间看更新

1.2 创建第一个小程序——Hello WXapplet

事不宜迟,我们马上开始创建第一个微信小程序——Hello WXapplet。

在安装开发者工具的电脑上运行“微信Web开发者工具”,通过开发者的微信扫码进入后,即可得到如图1-9所示的界面。

图1-9 添加小程序项目

点击“添加项目”,填入前面我们获得的AppID(无AppID可以忽略),并输入项目名称“Hello WXapplet”,选定本地文件夹作为“项目目录”,如图1-10所示。

图1-10 指定项目名称

勾选“在当前目录中创建quick start项目”后,点击“添加项目”按钮,即已成功创建了我们的第一个微信小程序项目——Hello WXapplet。

Hello WXapplet项目创建成功后,即进入并看到完整的开发者工具界面。我们创建的Hello WXapplet这个小程序只包含两个页面:首页及信息页,实现一些简单的功能。其中,首页显示当前登录的微信号头像及昵称。点击首页,则进入信息页,可以查看到小程序启动的日志信息。我们将在第2章中全面解析Hello WXapplet这个项目的代码。

在进行Hello WXapplet小程序项目代码介绍之前,我们需要熟悉一下微信Web开发者工具的操作。