小程序开发的准备工作和具体步骤:
获取小程序AppID
成功注册小程序账号后,会有唯一的AppID。登录https://mp.weixin.qq.com,在页面左边的菜单中,点选“设置”→“开发设置”中,查看到微信小程序的AppID,如图1-5所示。注意 这里不可使用公众号(服务号或订阅号)的AppID。没有AppID也可以进行小程序开发练习,只是部分功能受限,且不能上传发布。
要在手机上体验此AppID的小程序,默认只有公众平台小程序账号的管理员微信号可以;其他微信号还需要进行“绑定开发者”的操作。即在“用户身份”-“开发者”模块中,绑定需要体验该小程序的微信号。
安装开发者工具包
创建第1个小程序——Hello WXapplet,事不宜迟,我们马上开始创建第1个微信小程序——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:在当前行上方插入一行。
快捷键可以说是程序开发者的至爱,编辑器也支持自定义快捷键。关于如何自定义快捷键,可参考下节“调试”功能中的“快捷键设置项”。
上一条: 旅游行业APP开发将在国庆假期大放异彩
下一条: 为何企业偏爱使用H5做营销
相关新闻
- 致力于应用小程序开发公司应该避免误入雷区
- 与APP外包公司合作,必须选择提供专业一站式服务的公司
- 为什么小程序定制让人们感觉简单?
- 小程序定制的抢票软件真的能抢到吗?
- 应该选择什么样的小程序开发公司呢?
- 选择一线城市的APP开发公司有什么好处?
- 想要出一个成功的APP开发项目,您必须要知道
- 纠结选择一个模板或app开发定制
- 移动直播APP定制开发包括有哪些功能?
- 小程序开发要解决掉的几大问题呢
- 旅游行业APP开发将在国庆假期大放异彩
- 哪些行业app开发会被限制呢
- 直播类型app开发难度高吗?
- 如何才能成功做好APP开发项目
- App外包公司的主要盈利方式有哪些
- H5定制的优缺点分析
- 巧应用!物联网开发的具体解决方案
- 微信公众号开发可以给企业带来什么好处
- H5开发的优点和缺点你知道多少
- 电商系统开发搭建需要注意的一些事项