微信小程序开发环境搭建

来源:互联网 发布:软件测试机构 编辑:程序博客网 时间:2024/05/16 08:28

微信小程序最近非常的火爆,小程序推出之后,各种预言家出来说APP将被颠覆,原生已死。微信小程序更适合早期创业的试错迭代,另外轻量服务、低频需求也可采用;小程序与App更多的是互补,而不是取代。

不管微信小程序是否能颠覆当今的开发格局,我们都要虚心的去学习新技术,而不是排斥它。所以让我们赶紧先搭建一个微信小程序开发工具.

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

下载微信小程序开发工具0.9.0版本(下载链接:http://pan.baidu.com/s/1slGPCyL下载0.9.0版本后直接安装,安装过程很简单,选择安装目录下一步就可以了,安装成功后登陆进入程序出现,需要微信扫码。以下是扫码页面


进入这个页面后,拿你的微信扫一扫即可登录,进入以下页面


那么我们直接点击添加项目,点击后界面


因为我们没有内测账号,这个appid输入“无APPID”,项目名称,及开发目录就随便写了。
填好信息后点击添加项目,出现一个错误如下图


不必担心,这时我们关掉开发工具,重新打开即可


开发工具会自动更新


点击红圈内“无APPID"


接下来点击添加项目


程序员的入门级Hello world就创建好了


点击编辑



调试


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



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

微信小程序开发群 -1 : 338525139

好了就简单介绍到这里,本人第一 次写这样的博客,请多多指教,谢谢。

想了解更多内容,请看开发文档

简易教程

http://wxopen.notedown.cn/?t=1474537660904

微信小程序接入指南

http://wxopen.notedown.cn/introduction/


0 0
原创粉丝点击