手把手,动手开发一个简单小程序

了解小程序开发必备的基础知识之后,我们就要开始自己动手,制作我们自己的第一个小程序,这个小程序与开发者工具默认新建的初始工程类似,会显示用户的头像和名字,同时会向用户显示问候语。
准备开发
在开始开发之前,我们需要完成一系列准备工作,
在开发者工具中新建工程
在前一章中,我们已经谈到如何在开发者工具中新建工程。我们只需按照实际情况,在开发者工具中新建项目即可,注意,我们需要在项目目录中选择一个安全空白的目录(最好直接新建),并取消最后的[建立普通快速启动模版]勾选框,这样,我们就能新建空白的小程序项目
我们会在本章一步步带领大家一同完全从零开始创建小程序文件

小程序开发
小程序开发

接下来,我们就进入开发者工具中,新建几个小程序必要的文件,
调整配置文件

熟悉IOS或Android开发的开发者都知道,app开发会有一个名叫[清单文件]的东西,它记录了app的图标、名称、兼容性等app的原信息,帮助系统更好地运行这个app,而在微信小程序中,也有功能类似的文件,就是app.json。它记录小程序一些基础配置:
小程序的所有页面路径
小程序全局界面表现
tab标签页配置
网络超时
调试模式开启或关闭
我们可以这样新建一个app.json文件:在开发者工具的编辑器(通常在右上角)中,点击左上方[+]号,选择JSON,并命名为app.json

小程序开发
小程序开发

新建文件后,我们还得在app.json写入配置,才能让小程序正常工作,在此,我们可以直接输入以下代码直接保存
{}
保存后,我们可以看到编辑器依然在报错,这是因为app.json的目前是空的。
小程序页面路径配置
接下来,在编辑器中新建[pages]文件夹,并对着文件夹点击右键,新建[pages]并起名为welcome。

小程序开发
小程序开发

保存后,pages文件夹会多出几个文件,而app.json也有相应变化:

{

“pages”:[

“pages/welcome”

]

}
可以看到,小程序开发者工具已经自动的将我们在pages文件夹中新建的welcome页面路径,放入到pages数组中。在app.json中,pages数组是必填的,它规定小程序中所有页面的地址,同时规定了小程序启动时的首页,就是pages数组的首位所指的页面。

当pages成功配置后,小程序就可以正常运行了(新建页面文件后,小程序已经正常运行无报错了)。但如果想要一些个性化配置,我们依然可以继续修改app.json。

上一篇:

下一篇:

相关文档