开发前准备
1. 登录:https://mp.weixin.qq.com/ 进行注册.
目前仅支持企业和组织等非个人注册微信小程序账号(注册小程序是为了获取一个APPID)
2.微信开发者工具下载.
下载路径:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=20161230
微信开发者工具简介
打开微信开发者工具,appId可以登录微信公众号,设置页面下,开发设置下复制(如果没有APPID在某些地方会受到限制).
可以直观的看见三个板块 分别是模拟器、编辑器、调试器。
小程序目录结构
切换到编辑器页面
1:这个项目主要由pages/index,pages/logs,这几个文件夹组成,这几个文件夹主要描述整个小程序的界面信息。
每个文件下基本可以分为:.js,.wxml,.wxss,.json等文件组成。
例如:
index.js:描述index页面的逻辑信息(类比:js代码)
index.wxml:描述index页面的布局信息(类比:HTML页面布局)
index.wxss:描述index页面的布局的样式信息(类比:CSS信息)
2:项目总体配置信息:
由app.js,app.json,app.wxss三个文件组成
app.json:描述整个工程的页面信息(由"pages"描述),"window"主要描述该项目整体背景,导航栏等样式,如果某个文件夹中某个.json文件中有相同的描述,则会覆盖"window"中描述的信息。
app.wxss:主要描述该项目整体的样式。
3:app.js:主要描述该项目入口逻辑,主要描述一些用户登录后的信息
未完 待续。。。