【.com原创稿件】不知道什么是微信小程序的读者可以看我的另一篇文章:(微信小程序:原创火爆布局Final将改变世界)http://zhuanlan.51cto.com/art/201610/519027.htm腾讯在推出微信小程序的同时,也推出了自己的开发工具。读者可在以下地址下载开发工具***版本。https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1477656486010这套开发工具目前支持Windows32位、Windows64位和MacOSX系统,读者需要根据自己使用的OS下载合适的版本。本文主要使用MacOSX版本进行讲解,Windows版本与MacOSX类似,不影响读者阅读本文内容。运行微信小程序IDE后,会看到如图1所示的窗口。图1扫描二维码进入IDE,在手机端输入微信。扫描二维码后会自动登录,进入图2所示窗口。图2微信开发者工具目前该工具支持小程序开发和公众号网页开发。由于本文主要讲解小程序的开发,读者应选择第一项“本地小程序项目”并进入,如图3所示窗口。图3微信小程序IDE的项目创建窗口如果读者是第一次使用IDE,可以点击“添加项目”新建一个小程序项目,其中firstapp是一个已经建立好的小程序项目。图4新建小程序项目进入图4所示的新建项目窗口后,如果读者有小程序的测试ID,可以直接在AppID中输入,如果没有,点击“NoAppID”,小程序也可以开发,只是不能发布到微信,但是可以在本地运行。然后,输入项目名称和项目目录,如图5所示。图5输入小程序的项目信息,点击“添加项目”按钮后,会新建一个小程序项目,开发主界面如图图6。图6微信小程序开发主界面至此,微信小程序的IDE已经下载安装完毕,并创建了一个没有AppID的小程序项目,那我们应该如何开发小程序呢?怎么在真机上测试,发到微信上怎么办?且听下一章来分解吧!相关课程:攻克微信小程序视频教程(程序界面+API、UI+实战案例)http://edu.51cto.com/course/course_id-7334.html【原创稿件,合作站点转载,转载请注明.com的原作者和出处】
