厦门搜外科技专业从事微信、百度小程序开发,专业化打造新生态营销渠道,竭诚为您服务。
厦门小程序开发-打开客服菜单
厦门搜外科技
厦门小程序开发首页 > 小程序开发百科解惑 > 厦门微信小程序开发环境搭建
厦门微信小程序开发环境搭建
时间 :12-28 10:21 浏览量 :15

微信小程序可谓是如今很火的一个名词了,一经出现真是轰炸了整个开发人员,当然很多App开发人员有了一个担心,微信小程序的到来会不会给移动端App带来一个寒冬,小编我是不相信的,即使有,那也是很遥远的未来。


厦门微信小程序开发环境搭建


不管微信小程序是否能颠覆当今的开发格局,我们都要以好奇的心态去接收,去学习。不排斥新技术,所以,心动不如行动,赶紧先搭建一个微信小程序开发工具。那么接下来就让我们一起来开始吧。


先放一张Github上demo的动态图


小程序演示动态图


下面我把安装顺序以及遇到的问题在此详细介绍一下。(接下来按照此步骤安装即可成功(windows版))


下载微信小程序开发工具1.02版本(下载链接https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html),下载后直接安装就行了。


随后我们直接扫码登陆即可,登录后界面如下


微信开发者工具


那么我们直接点击小程序项目,点击后界面


小程序项目管理


因为我们没有内测账号,这个appid可以随便输入,项目名称,及项目目录就随便写了(选择项目目录的时候需要选择空目录或者包含app.json/project.config.json的目录才能创建新项目)。 填好信息后点击添加项目。


生成helloworld项目


OK,一个helloworld项目就生成了。


然后展现在我们眼前的就是模拟器+编辑器+调试器三个窗口,编辑文件时选择对应的文件即可编写代码了。


调试


小程序调试


点击调试按钮,左上有可以选择调试的移动终端,里面可以选择苹果等不同分辨率设备,也可以自定义。在选择移动终端的右边有选择网络的按钮,可以选择wifi,2G,3G,4G网络还有离线模式。在右边的窗口,有console可以查看控制台打印的信息,以及网络,存储信息等。


微信小程序开发


我们点击最右上角按钮,与选择显示console,查找文件,快捷键,以及传感器,渲染设置,帮助等。在左下角有清楚缓存,重启小程序,按钮。


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


厦门微信小程序开发环境搭建


好了就简单介绍到这里,希望以上内容对大家有所帮助,如有兴趣开发微信小程序、百度智能小程序的朋友可以联系我们,我们将为您提供稳定的产品,快速响应的渠道支援服务,厦门小程序开发公司欢迎各位前来咨询。


cache
Processed in 0.021971 Second.
cache
Processed in 0.002437 Second.