任务1 创建第一个Hello World

任务描述

创建第一个Hello World微信小程序。

1)运行微信小程序开发工具。

2)登录微信小程序开发工具。

3)应用普通快速启动模板创建第一个小程序项目。

操作步骤

1 执行“微信开发者工具”,如图1-1所示。

图1-1 执行“微信开发者工具”

2 进入“微信开发者工具”界面,如图1-2所示。

图1-2 进入“微信开发者工具”界面

3 执行“项目/新建项目”命令,如图1-3所示。

4 用微信“扫一扫”扫一下二维码进行登录,如图1-4所示。

图1-3 执行“项目/新建项目”命令

图1-4 扫一下二维码进行登录

5 单击“测试号”自动获取一个AppID,如图1-5所示。

图1-5 单击“测试号”

经验分享

●扫码登录。

运行微信开发者工具时,需要用手机进行微信扫码来登录开发者工具,才能进行微信小程序开发。

●测试号AppID。

在创建小程序项目时,没有AppID也可以开展微信小程序开发,可以获取测试号进行,只是不可以发布小程序开发的成品。

6 进入项目编辑界面,输入昵称,如图1-6所示。

图1-6 输入昵称

7 输入昵称后,在模拟器可以看到Hello World小程序运行界面,如图1-7所示。

图1-7 Hello World小程序运行界面

知识链接

微信小程序开发工具的模拟器是一个内置的工具,用于在开发过程中预览和调试小程序的效果。模拟器可以模拟不同的手机型号和系统版本,以便开发者能够快速查看小程序在不同设备上的运行效果。

通过模拟器,开发者可以实时预览小程序的界面、交互效果和布局排版,同时还可以进行一些简单的交互操作,如单击按钮、输入文本等,以便快速验证小程序的功能和用户体验。