获取小程序AppID
成功注册小程序账号后,会有唯一的AppID。登录https://mp.weixin.qq.com,在页面左边的菜单中,点选“设置”→“开发设置”中,查看到微信小程序的AppID,如图1-5所示。注意 这里不可使用公众号(服务号或订阅号)的AppID。没有AppID也可以进行小程序开发练习,只是部分功能受限,且不能上传发布。
小程序开发
要在手机上体验此AppID的小程序,默认只有公众平台小程序账号的管理员微信号可以;其他微信号还需要进行“绑定开发者”的操作。即在“用户身份”-“开发者”模块中,绑定需要体验该小程序的微信号。
安装开发者工具包
创建第一个小程序——Hello WXapplet,事不宜迟,我们马上开始创建第一个微信小程序——Hello WXapplet。
在安装开发者工具的电脑上运行“微信Web开发者工具”,通过开发者的微信扫码进入后,即可得到如图1-9所示的界面。
微信Web开发者工具的操作与使用
“工欲善其事,必先利其器”。熟悉开发者工具界面与操作,将为我们今后的开发带来极大的便利。
界面与操作
微信开发者工具功能非常强大与便捷,集成了开发调试、代码编辑及程序发布等功能。主界面如图1-11所示。
2区“导航菜单”是开发者经常切换使用的功能区。特别是其中的“编辑”与“调试”功能将是开发者使用最多的重要功能。下面重点介绍这两个功能。
编辑功能
我们先来看其中的“编辑”功能。点击“编辑”后出现的界面如图1-13所示。
原来的3区部分就变成了项目的目录与文件列表区,4区部分则变成了对应所选文件的代码编辑区,我们也称之为代码编辑器。
微信开发者工具提供的代码编辑器,可以对当前项目对应文件进行编码工作,同时也可以对文件进行基本的添加、删除及重命名操作。
代码编辑器现在支持4种文件的编辑:wxml、wxss、js以及json文件。当然编辑器支持了较为完善的自动补全功能,大大方便了开发者。
代码编辑器还支持快捷键操作,而且快捷键功能与行为基本保持与其他编辑器一致。比如光标相关快捷键操作如下:
Ctrl+Shift+[,Ctrl+Shift+]:折叠打开代码块。
·Ctrl+C,Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行。
·Shift+Alt+F:代码格式化。
·Alt+Up,Alt+Down:上下移动一行。
·Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行。
·Ctrl+Shift+Enter:在当前行上方插入一行。
快捷键可以说是程序开发者的至爱,编辑器也支持自定义快捷键。关于如何自定义快捷键,可参考下节“调试”功能中的“快捷键设置项”。
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。