第一步，从官网下载微信开发者工具，它分为windows64，windows32和mac，选择相应的去下载。下载之后就安装，步骤省略。
链接：
第三步，打开微信开发者工具，导入解压好的demo，这样就可以愉快地体验小程序了。
在这个过程中，我们可以知道，原来小程序里的其实和很多框架挺像的。它的页面也不再是html了，而是像angular模式。样式后缀也不是css而是wxss；单位不再是px，而是rpx。
数据的绑定这一点和angular相似。
调试界面如下：
页面代码：
{{userInfo.nickName}} {{motto}}
样式：
/**index.wxss**/.userinfo { display: flex; flex-direction: column; align-items: center;} .userinfo-avatar { width: 128rpx; height: 128rpx; margin: 20rpx; border-radius: 50%;} .userinfo-nickname { color: #aaa;} .usermotto { margin-top: 200px;}js:
//index.js//获取应用实例var app = getApp()Page({ data: { motto: 'Hello World', userInfo: {} }, //事件处理函数 bindViewTap: function() { wx.navigateTo({ url: '../logs/logs' }) }, onLoad: function () { console.log('onLoad') var that = this //调用应用实例的方法获取全局数据 app.getUserInfo(function(userInfo){ //更新数据 that.setData({ userInfo:userInfo }) }) }})目录：
我们可以知道小程序页面初始化、获取数据和调用接口的过程。
更多浅谈微信小程序相关文章请关注PHP中文网！
