不管微信小程序是否能颠覆现在的开发格局，我们都要抱着好奇的心态去接受和学习，不要排斥新技术，与其被动，不如主动出击。赶紧来搭建一个微信小程序开发工具吧，一起动手吧。

微信已于9月23日晚发布最新开发工具及官方文档，新版开发工具支持免登录开发者工具，可直接在官网下载使用。官网地址

先放一张demo的动态图

开发工具下载是看到网站上的分享，然后直接进入网站找到下载链接就可以下载了。

当然，我会在这里详细介绍安装顺序和遇到的问题。（按照以下步骤操作即可成功安装（版本））

下载微信小程序开发工具0.7.0版本（下载链接密码：ru3h）。因为0.9.0版本有登录验证，所以我直接安装后无法登录，一直提示绑定。我扫了几百遍二维码还是登录不上去（我有多大的耐心）。下载0.7.0版本后，我直接安装。安装过程很简单，选择安装目录，点击下一步就可以了。安装成功后，登录进入程序，需要通过微信扫描二维码登录，登录成功后会出现以下界面，然后退出。

然后下载0.9.0版本（下载链接密码46gv）

下载完之后直接覆盖安装就可以了（要覆盖安装），安装完之后不要打开开发工具，就算要打开也进不去，直接登录的话会出现下面的提示

因为程序没有破解，安装完程序后需要下载三个js破解文件替换我们安装程序对应目录的文件，直接进入下载，链接

下载下面显示的三个文件

我将工具安装到了D盘，找到下面三个目录，替换相应文件。

D:\微信网页开发者工具\.nw\app\dist\\\.js

D:\微信网页开发者工具\.nw\app\dist\\.js

D:\微信网页开发者工具\.nw\app\dist\\\.js

替换文件之后就可以登录成功了，登录后的界面如下

然后我们直接点击添加项目，点击界面

因为我们没有内部测试账号，所以这个大家随意输入，项目名，开发目录随意写。

填写信息后，点击添加商品

好的，神奇的事情发生了，一个项目出现了。

单击“编辑”

选择对应文件，写入代码。

调试

点击调试按钮，左上方可以选择要调试的手机终端，这里可以选择苹果、三星等不同分辨率的设备。设备右侧有一个选择网络的按钮，可以选择wifi、2G、3G、4G网络。在右侧的窗口中，可以查看控制台打印的信息，以及网络和存储信息。

我们点击右上角的按钮，选择显示、查找文件、快捷键、传感器、渲染设置、帮助等，左下角有清除缓存和重启小程序的按钮。

对了，还有一个demo，我们可以把这个demo复制到我们的开发目录下，看看微信小程序的效果，我们刚刚创建的太过简陋，看不出它的魅力。

我把动态图放在前面了。