前言
这一篇主要讲解一下小程序的基础配置,教你如何看官方的文档并如何实践
全局配置
我们在前端开发的时候往往有一些基础配置信息是写在配置文件中的,小程序中也一样,一般定义在app.json中
具体配置啥信息呢,就可以看官方的文档了解了,软件开发作为一项技能最重要的就是需要练,看到啥就练啥,用的熟练了也就好了。
{
"pages": [
"pages/index/index",
"pages/userConsole/userConsole",
"pages/storageConsole/storageConsole",
"pages/databaseGuide/databaseGuide",
"pages/addFunction/addFunction",
"pages/deployFunctions/deployFunctions",
"pages/chooseLib/chooseLib",
"pages/openapi/openapi",
"pages/openapi/serverapi/serverapi",
"pages/openapi/callback/callback",
"pages/openapi/cloudid/cloudid",
"pages/im/im",
"pages/im/room/room"
],
"window": {
"backgroundColor": "#F6F6F6",
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#F6F6F6",
"navigationBarTitleText": "云开发 QuickStart",
"navigationBarTextStyle": "black"
},
"sitemapLocation": "sitemap.json",
"style": "v2"
}
这个是我们使用官方的例子创建的一个小程序的代码,每个配置是啥意思,我们一点点的查文档
这里告诉你了pages是页面路径,对应的是啥呢,对应的是你一个个的页面,程序加载的时候是会从上到下依次编译你的每个页面的代码的,如果代码中有错误的地方,那么控制台就会报错,那就需要针对性的去调整代码,具体的要求就是我们的代码不能报错
为了便于讲解,我们把官方的例子都删掉,删掉之后是个这么个状态
第一个页面
接下来我们就上手开发我们的第一个页面,一般小程序加载好之后显示的第一个页面我们可以叫首页,在代码区域右键选择新建文件夹,输入名称为index
创建好之后的效果
在index文件夹右键选择新建page,输入index
工具会自动创建四个文件,分别是index.js、index.json、index.wxss、index.wxml
"pages": [
"pages/index/index"
]
然后在app.json中配置好页面的路径信息
打开index.wxml中将text标签中的内容修改为hello,world!
任何技术你可以成功的打印出这句话,就意味着你入门了,以后多了一个身份叫程序员