微信小程序入门一之小程序架构

微信公众平台技术文档
2016-9-20凌晨，微信推出应用号“小程序”内测功能；
2016-11-4，正式公测，企事业单位可申请公测账号；
2017-1-9，正式上线；
官方社区地址：http://developers.weixin.qq.com

架构分析

• 基本目录结构
  主目录（项目描述文件）
  {
  主逻辑文件app.js
  主配置文件app.json ：注册页面，全局定义网络超时、窗口表现等
  主样式文件app.wxss ：类同HTML的css，主样式文件共享给子样式文件，子样式文件可同名覆盖。
  }
  子目录（页面描述文件）
  {
  页面逻辑文件index.js： 通过JS代码控制页面逻辑（必须有）
  页面结构文件index.wxml： 类同HTML的html或htm描述文件，设计页面布局，进行数据绑定等。（必须有）
  页面样式文件index.wxss
  页面配置文件index.json
  }
  子目录（资源文件）
• 新增/减少页面

修改app.json的pages数组，将页面的路径添加到pages数组中
- 配置窗口状态

• 输入关键字生成大段文字

如输入page,记住一定是小写的p,然后回车即能生成大段的Page函数；

常用快捷键

格式调整

Ctrl+S：保存文件
Ctrl+[， Ctrl+]：代码行缩进
Ctrl+Shift+[， Ctrl+Shift+]：折叠打开代码块
Ctrl+C Ctrl+V：复制粘贴，如果没有选中任何文字则复制粘贴一行
Shift+Alt+F：代码格式化
Alt+Up，Alt+Down：上下移动一行
Shift+Alt+Up，Shift+Alt+Down：向上向下复制一行
Ctrl+Shift+Enter：在当前行上方插入一行
光标相关

Ctrl+End：移动到文件结尾
Ctrl+Home：移动到文件开头
Ctrl+i：选中当前行
Shift+End：选择从光标到行尾
Shift+Home：选择从行首到光标处
Ctrl+Shift+L：选中所有匹配
Ctrl+D：选中匹配
Ctrl+U：光标回退