微信小程序开发教程文档（包括搭建环境）

**微信小程序开发教程文档（包括搭建环境）**

从微信小程序的开发文档我们可以知道，微信应用开放的服务和组件包含如下：

视图容器：视图(View)、滚动视图、Swiper

基础内容：图标、文本、进度条

表单组件：按钮、表单等等

操作反馈

导航

媒体组建：音频、图片、视频。

地图

画布

文件操作能力

网络：上传下载能力、WebSocket

数据：数据缓存能力

位置：获取位置、查看位置

设备：网络状态、系统信息、重力感应、罗盘

界面：设置导航条、导航、动画、绘图等等

开放接口：登录，包括签名加密，用户信息、微信支付、模板消息

**环境搭建**

开发工具下载地址：http://pan.baidu.com/s/1dEXmVjr

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

下载微信小程序开发工具0.7.0版本。上面云盘里有。因为0.9.0版本有登陆验证，直接安装一直登陆不上，一直提示please bind your wechat account to the appid first，下载0.7.0版本后直接安装，安装过程很简单，选择安装目录下一步就可以了，安装成功后登陆进入程序出现，需要微信扫码登录，登录后成功出现如下界面，然后退出。

然后下载0.9.0版本，云盘里也有。下载后直接覆盖安装就可以了（要覆盖安装），安装后先不用打开开发工具，需要下载三个js破解文件替换掉我们安装程序的对于目录的对应文件。

下载下图的三个文件



分别找到下面三个目录替换对应文件即可

package.nw\app\dist\components\create\createstep.js

package.nw\app\dist\stroes\projectStores.js

package.nw\app\dist\weapp\appservice\asdebug.js

替换文件后即可登录成功了，登录后界面如下



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



因为我们没有内测账号，这个appid可以随便输入，项目名称，及开发目录就随便写了。





填好信息后点击添加项目

这里需要下载一个demo，上面云盘里面有。然后将demo里面的文件，注意不是demo，放到创建的项目里面。不然会报错。

如下图的错误



出现错误是因为我们缺少了一些文件。这时我们可以把之前下载的demo下载下来，然后拷贝demo里面的文件，注意不是demo这个文件夹。

动态图我放到前面了。









这时就可以看到demo了。如果想做出自己的小程序，可以去看看开发文档。下面是地址链接：

简易教程：http://wxopen.notedown.cn/?t=1474537660904

微信小程序组件：http://weixin-xiaochengxu.shukaiming.com/component/scroll-view.html?t=1474537659739

开发者工具文档：http://wxopen.notedown.cn/devtools/devtools.html

常见问题：http://wxopen.notedown.cn/qa/qa.html

抢先看：微信官方发布的微信应用号（小程序）设计规范：http://www.woshipm.com/ucd/418190.html

微信小程序开发教程：https://xituqu.com/508.html