1.下载开发工具
点击进入下载地址
选择和自己电脑匹配的安装包,并安装:
![](http://upload-images.jianshu.io/upload_images/7450593-8c3aa00f96c123e3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
image.png
安装完成后出现应用icon:
![](http://upload-images.jianshu.io/upload_images/7450593-65ab6b112c66ca56.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/332)
image.png
2.创建项目
能够扫码登录的前提是微信号已经注册了小程序,详见;
1.扫码登录
![](http://upload-images.jianshu.io/upload_images/7450593-bdaa68511d4fc142.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/668)
image.png
2.选择小程序
![](http://upload-images.jianshu.io/upload_images/7450593-8c6f62b07929992b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/668)
image.png
3.填写信息(没有appid的可以点击下面“点此体验”)
![](http://upload-images.jianshu.io/upload_images/7450593-d4678b3fc5b8a63e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
image.png
4.进入Hello world 页面
![](http://upload-images.jianshu.io/upload_images/7450593-c27a40cb8f31a818.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
image.png
5.通过微信官方demo查看小程序api及使用方法
点击打开官方小程序demo,在页面最下方可以看到:
![](http://upload-images.jianshu.io/upload_images/7450593-75f2d872c3568a50.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
image.png
6.将官方demo添加到项目
![](http://upload-images.jianshu.io/upload_images/7450593-0229925ec627d26a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
image.png
此时,我们可以查看想要用到的组件,api的具体使用案例:
![](http://upload-images.jianshu.io/upload_images/7450593-9071b032d1145022.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
作者:喜欢坑队友的程序员
链接:https://www.jianshu.com/p/045b37a2c0d5
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
文末福利:
福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880
福利二:微信小程序入门与实战全套详细视频教程:https://www.jianshu.com/p/e8197d4d9880
领取方式:
如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长!
作者:喜欢坑队友的程序员
链接:https://www.jianshu.com/p/169c09d4b497
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。