微信小程序开发① - 项目搭建

1. 开发准备

1. 微信公众平台 注册账号并登录

2. 下载并安装“微信开发者工具”

3. 下载完后一步步安装好
4. 打开“微信开发者工具”，微信扫码登陆

2. 开发第一个微信小程序

1. 打开“微信开发者工具”，微信扫码登陆

2. 添加小程序

3. 复制AppID，修改项目名称及目录，选择不使用云服务 -> 点击创建

4. 创建成功后，看到以下页面

3. 小程序项目的基本组成

一、pages：所有的小程序页面，每个页面以单独的文件夹存在。例如这里的 index 文件夹

index 页面文件夹下包含 4 个基本的页面文件，这四个文件共同组成了 index 页面：

1. index.js（.js文件） ：页面的脚本文件，存放页面的数据、事件处理函数、生命周期等
2. index.json（.json文件） ：页面的配置文件，配置页面的外观、表现等
3. index.wxml（.wxml文件） ：页面的模板结构文件
4. index.wxss（.wxss文件） ：页面的样式表文件

二、utils 工具类文件夹

三、app.js：项目逻辑文件，用来 注册小程序实例，绑定生命周期回调函数、错误监听和页面不存在监听函数等。

四、app.json：公共配置文件，决定页面文件的路径、窗口表现、设置网络超时事件、设置多 tab 等

五、app.wsxx：小程序的公共样式表

六、project.config.json ：项目配置文件，用来记录 对小程序开发工具所做的个性化配置

1. setting 保存 编译相关的配置
2. projectname 保存 项目名称
3. appid 保存 小程序的账号ID

七、sitemao.json ：配置小程序机器页面是否允许被微信索引

rules 保存 索引规则列表的配置。rules 规则中，action 表示页面是否能被索引（allow / disallow），page 表示生效的页面