-
准备
-
先搞到一个
AppID，登录微信公众平台-设置-开发设置-开发者ID-生成
获得开发者ID.png -
安装好工具就可以开发了
添加项目.png
-
起步
当我们勾选
创建一个quick start 项目时会自动生成一个demo项目通常包含
.js、.json、.wxml、.wxss四个类型的文件,分别对应脚本文件、配置文件、页面文件和样式表文件
-
app.json
小程序中的每一个页面的路径都需要写在
app.json的pages中，且pages中的第一个页面是小程序的首页(创建页面的时候直接在app.json里配置好路径，就会自动在对应的目录结构下生成四个文件)-
app.json中的window对象用于设置小程序的状态栏、导航条、标题、窗口背景色，如下图。当然，.json文件中不允许添加注释，相关资料都可以在官方开发文档中查找到
window配置.png 其中
enablePullDownRefresh属性需要稍微关注，与它相关的是用户的下拉事件onPullDownRefresh,如果这里是false或者不加配置（默认也是false）则会导致即使在.js中写了onPullDownRefresh也无效
最后一行的注释不可紧贴前一个字符，否则报错(猜测是因为没有
,而小程序的开发工具对于ES6的支持似乎只有部分，最后一行加,也会报错)
注释紧贴的情况.png
末尾加逗号的情况.png
-
关于项目
简单介绍下项目
-
项目是一个查询电影的应用，主要查询
正在上映的电影和即将上映的电影，数据来源是豆瓣API，这个主要是练习目的，过不了审核无法发布
审核未通过原因.png -
目录结构如下，其中images文件夹里存放加载图片以及下部导航的媒体组件
目录结构.png -
首页展示，上方使用滑动图片，下方渲染列表，列表作为模板被每个页面引用
首页展示.png
swiper写法.png
引用模板1.png
引用模板2.png
模板.png
-
开发中遇到的问题
图片大小不受控制，将样式卸载全局wxss中解决
-
调用api报错，需将
https合法域名设置并同步到开发工具中
设置request合法域名.png
同步request合法域名.png 发送请求前需要保存
this
-
关于工具
工具除了一些基本的功能，有几个地方还是很讨喜，至少出乎我的意料
设置-编辑器-外观，可以调节编辑器的风格设置-编辑器-编辑，可以设置修改文件自动保存，并且保存时可以自动编译小程序快捷键如
格式化代码，代码上/下移，复制并向上/下粘贴都非常实用
