很早前就想体验一把小程序的开发了,如果熟悉三大框架的话,小程序的开发还是很容易上手的,所以只要跟着做一个小应用,加上官方的文档就十分好学了。加上官方提供的开发工具也比较简洁好用,初次体验的我觉得真的十分方便。
准备工作
开发工具下载地址(竟然隐藏在一个超链接里,真的很不醒目啊):https://developers.weixin.qq....
文档地址:https://developers.weixin.qq....
初次体验
新建项目的时候,可以选择是小程序/小游戏,这次我体验的是小程序的开发。
在选择项目文件夹的时候,这个目录就会被直接放入我们的代码。所以每次新建一个项目还要自己先把空文件夹建好。
默认代码
建好后,会有一些默认的代码给我们。我们可以先看这些代码来有一个大概的印象。
- /pages
- /index
- /logs
- /utils
- util.js
- app.js
- app.json
- app.wxss
- project.congig.json
pages
如其名!肯定就是我们的所有的页面文件夹了,这里有index和logs两个页面,所以下面又各自有两个文件夹。
每个页面一般都有同名的js、wxml和wxss文件。其中wxml是写类似于html的文件,wxss则是写类似于CSS样式的文件。
还可以有json文件,用于单独描述这个页面的一些信息。
utils
放的是应用要用到的工具函数,不是必须的。
app.js
整个项目的入口文件。
app.json
应用配置文件,这里主要有pages和window两项内容,pages配置的是拥有的所有页面地址。window可以配置小程序边界的,如顶部的导航栏的一些样式。
// 背景文字样式
"backgroundTextStyle":"light",
// 导航顶部背景颜色
"navigationBarBackgroundColor": "#fff",
// 导航标题文字
"navigationBarTitleText": "WeChat",
// 导航文字颜色
"navigationBarTextStyle":"black"
project.congig.json
项目配置文件
...今日困了,明天继续写?
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。