如何练就优秀的项目体验
创意、流程、执行缺一不可
CREATIVITY, PROCESS, PERFORM INDISPENSABLE
小程序开发的准备工作
2019-06-07

获取小程序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:在当前行上方插入一行。

快捷键可以说是程序开发者的至爱,编辑器也支持自定义快捷键。关于如何自定义快捷键,可参考下节“调试”功能中的“快捷键设置项”。

上一篇:小程序狙击传统电商

下一篇:

CONTACT US
  • 服务热线:400-969-9980
  • 地址:杭州滨江区聚园路8号C308
  • 邮箱:2945833@qq.com
扫一扫二维码关注我们