Bob's Blog

先去官方下载devtool，地址是https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

github上有个项目汇总了一些小程序的参考：https://github.com/justjavac/awesome-wechat-weapp

安装微信开发者工具后打开，先扫码登录一下或者直接用游客模式

按照官方文档的初始步骤: https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html, 先注册账号。

但是一个邮箱只能对应一个小程序，刚开始如果不想注册个人号，可以先用测试号。(有听说有人用一个qq邮箱设置多个邮箱账号，未尝试)

这里先选择用测试号，点击确定进入开发者工具。会默认创建一些初始文件。类似下图

其中，app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等，其中pages是定义所有页面的路径，window是定义背景颜色、文字颜色等；

project.config.json是开发者工具的配置，比如有时拷贝到另一台电脑时，也能直接应用到以前的习惯；

pages/index/index.wxml这样的wxml文件是类似html的角色，定义页面层次和结构，但是标签名和html的不一样，不过容易理解；也支持类似wx:if 这样的属性以及 {{ }} 这样的表达式，用过vue和django之类的能习惯这样的条件判断和传值；

wxss文件是类似css的角色，定义显示的属性，看文档有一点不同，新增了rpx的尺寸单位，提供了全局样式和局部样式。

js的使用看起来没啥区别，参考vue.js的习惯就可以了。