进行微信小程序开发,首先要成为小程序开发者。登录微信公众平台,注册成为小程序开发者。在进行小程序开发之前,需要了解微信官方提供的微信开发者工具。微信开发者工具可以对微信小程序进行项目管理、开发调试、发布、功能设置等。
微信开发者工具是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能,除此之外微信团队还发布了微信小程序开发文档和微信小程序设计指南以帮助开发者简单和高效地开发微信小程序。
开发者工具的界面又分为:启动页、项目页、主界面。
启动页面也是登录页面,在登录页,可以使用微信扫码登录开发者工具。登录成功后,会看到已经存在的项目列表和代码片段列表,在项目列表可以选择小程序开发、小游戏开发、代码片段开发或者公众号网页调试。
开发者工具主界面,从上到下,从左到右,分别为:菜单栏、工具栏、模拟器、目录树、编辑区、调试器六大部分。
接下来我将讲解开发者工具每个模块的功能是什么。
- 菜单栏:菜单栏主要包括开发者工具本身的一些功能。
- 工具栏:工具栏左侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。在中间提供了编译、预览、真机联调、清缓存方便开发者调试。右侧是开发辅助功能的区域,在这里可以上传代码、版本管理、查看项目详情。
- 模拟器:模拟器可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。开发者可以选择不同的设备,也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题。
- 调试器:点击工具栏-调试器,就能打开控制台,方便再开发的时候输出数据和日志。并且可以查看wxml的情况,以及wxss的样式是否有效果。
- 目录树和编辑器:在这块区域,我们可以查看小程序的文件结构,可以编写小程序代码。