等了好久的小程序，终于在近日曝光了。现在就带大家来尝尝鲜。以下是一张随便看看的图。

zxl.jpg-34.1kB

一、构建微信小程序的步骤

• 1. 下载开发工具
     考虑到微信0.9.092100的Web开发者工具对于登录做了限制,所以下载登录还是需要一点门路的，我在下面有介绍，希望大家耐心的往下面看~下载工具的地址：链接 密码: r3hc。

破解的步骤就是：将破解压缩包的两个文件，放到如下图路径:

这个是MAC路径：
应用程序->微信web开发者工具->显示包内容
/Resources/app.nw/app/dist/components/create/createstep.js
/Resources/app.nw/app/dist/stores/projectStores.js

Win目录：
E:\微信web开发者工具\package.nw\app\dist\stroes\projectStores.js
E:\微信web开发者工具\package.nw\app\dist\weapp\appservice\asdebug.js

如下图：

QQ20160923-1.png-100.6kB
QQ20160923-2.png-96kB

• 2.下载Demo,文档
  下载地址：地址密码: 587y

• 3.导入Demo
  打开微信Web开发工具，扫码登录，大家会出现一个问题。如图：

QQ20160923-0.png-130.6kB

登录失败，错误信息：Please bind your wechat account to the appid first

解决办法:下载旧版本的安装包，登录后，在打开新版本的开发工具即可。旧的指的是0.7，新版本指的是0.9，旧版本地址：旧版本，密码: zasb

登录成功之后，跟我做下面的步骤

QQ20160923-3.png-17.3kB

• 点击添加项目，之后配置参数，如下图

  
  QQ20160923-4.png-56.6kB
  

  下一步之后，大家便可以看到

  
  QQ20160923-5.png-402kB

这就是微信小程序Demo的演示，后期我会陆续放上更多更有趣的微信小应用开发的教程的，谢谢大家~

如果您喜欢我的文章，不要忘记关注我，谢谢大家了~
另外如果您要转载，希望可以注明出处，我会写出更多更好的文章，来回馈大家~