微信小程序如何开发?
首先,我们需要在本地搭建好微信「小程序」的开发环境。即下载开发者工具。打开「官方下载地址」,根据自己的操作系统选择。安装好之后打开运行,会要求微信扫码登陆。之后,就可以看到创建项目的页面了。选择添加项目,没有 AppID 就选无(如果乱写会报错,到时可能无法进入项目)。 如果你选择的项目目录为空,请如图所示勾选在“当前目录中创建quick start项目”。「小相册」包含一个描述整体程序的 app 和多个描述各自页面的 page。主程序 app 主要由三个文件组成,分别是 app。 js(小程序逻辑)、app。json(小程序公共设置)和 app。wxss(小程序公共样式表),其中前两...全部
首先,我们需要在本地搭建好微信「小程序」的开发环境。即下载开发者工具。打开「官方下载地址」,根据自己的操作系统选择。安装好之后打开运行,会要求微信扫码登陆。之后,就可以看到创建项目的页面了。选择添加项目,没有 AppID 就选无(如果乱写会报错,到时可能无法进入项目)。
如果你选择的项目目录为空,请如图所示勾选在“当前目录中创建quick start项目”。「小相册」包含一个描述整体程序的 app 和多个描述各自页面的 page。主程序 app 主要由三个文件组成,分别是 app。
js(小程序逻辑)、app。json(小程序公共设置)和 app。wxss(小程序公共样式表),其中前两个为必备文件。config。js 文件中包含了一些部署域名的设置,现在不用管。源码下载完成之后,我们打开微信 web 开发者工具,新建项目「小相册」,选择目录applet(或app)。
在 pages 目录下,有两个 page 页面,分别是 index 和 album。页面结构算是比较简单的,其中 index 是小程序启动时默认进入的页面。每个页面下,至少要有 。js(页面逻辑)和 。
wxml(页面结构)两个文件,。wxss(页面样式表)和 。json(页面配置)文件为选填。你可能注意到了,这些文件的文件名与父目录的名称相同。这是微信官方的规定,目的是减少配置项,方便开发者。收起