9月21日微信正式对外公布“微信小程序”，并邀请了第一批内测用户。
9月23日公布了公众平台小程序文档和工具，网址如下：http://mp.weixin.qq.com/wiki
主要有3个小标题：
1.小程序开发文档（开发者工具使用方式和项目的基本框架）
2.小程序设计指南（程序界面设计指南和建议）
3.小程序开发者工具（3个版本Windows64、Windows32、Mac）
首先根据“3.小程序开发者工具”中，下载对应的版本，我正好在单位，所以下载了Windows64版本的开发者工具《wechat_web_devtools_0.9.092300_x64.exe》。安装完毕后启动界面如下：
我们用微信扫码登录，登录成功进入项目创建界面。
点击“添加项目”进入项目创建界面。
第一行是AppID，目前这个id只有收到邀请的第一批用户才能获取，不过可以选择“无AppID”，同样可以继续创建我们的项目，填写项目名称、项目目录后，如果选择的本地文件夹是个空文件夹，开发者工具会提示，是否需要创建一个quick start项目。选择“是”，开发者工具会帮助我们在开发目录里生成一个简单的demo。
进入主开发界面
来看看项目的框架组成，下图展示了项目的结构：
最关键也是必不可少的，是app.js、app.json、app.wxss这三个。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。
每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：logs.js、logs.wxml、logs.wxss、logs.json。.js后缀的文件是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件，.wxml后缀的文件是页面结构文件。
我们来做一些修改，首先按照下图中1所示点击“编辑”，进入index.js的编辑界面，我们在2添加一个自己的字符串，同时在index.wxss中修改字符串的颜色，最后在3处点击“编译”，最终出现我们修改的紫色字符串“Hello！木语花颜”。
整体个感觉就是，简洁，清新，结合文档中的API我们可以实现各种想要的内容，微信团队的文档一直写的都很好，简单明了高效。
网友评论