用微信小程序开店之二——Hello 小程序

1、选择合适的版本,下载小程序开发者工具

用微信小程序开店之二——Hello 小程序

2、运行安装程序

用微信小程序开店之二——Hello 小程序

3、一直点击“下一步”,直到安装完成

用微信小程序开店之二——Hello 小程序

4、鼠标左键双击桌面“微信web开发者工具”图标

用微信小程序开店之二——Hello 小程序

5、点击“本地小程序项目”

用微信小程序开店之二——Hello 小程序

6、点击“+”号方框图

用微信小程序开店之二——Hello 小程序

7、从小程序开发号管理平台获取AppID,填入“添加项目”页面的AppID中,点击“添加项目”按钮

用微信小程序开店之二——Hello 小程序

用微信小程序开店之二——Hello 小程序

8、项目添加成功后,自动进入开发者工具“项目”页,点击左边栏“编辑”按钮

用微信小程序开店之二——Hello 小程序

9、进入小程序编写模式,左侧红框是模拟手机上预览小程序显示效果;右侧红框是小程序代码文件目录结构,目录结构及代码文件简要说明如图所示:

用微信小程序开店之二——Hello 小程序

10、至此,您已经拥有了第一个微信小程序demo示例,可以开始微信小程序的开发之旅了。下一讲,我将进一步为大家说明微信小程序的主要组件用法及注意事项。