关键词：
微信小程序可谓是今天最火的一个名词了，一经出现真是轰炸了整个开发人员，当然很多App开发人员有了一个担心，微信小程序的到来会不会给移动端App带来一个寒冬，身为一个Android开发者我是不相信的，他只不过提供了一个新的流量入口，给一些企业多了一种选择，即使有，那也是很遥远的未来。
不管微信小程序是否能颠覆当今的开发格局，我们都要以好奇的心态去接收，去学习。不排斥新技术，所以，心动不如行动，赶紧先搭建一个微信小程序开发工具。那么接下来就让我们一起来开始吧。
微信已于9月23号晚发布了最新开发工具，以及官方文档，新版开发工具支持无appid登录开发者工具，所以可去官网直接下载使用。官网地址
本人目前要做一款仿 QQ的小程序，正在持续更新中
GitHub地址（内含官网demo和开发文档及官方开发工具）
目前项目更新状态：欢迎大家star项目啊，共同学习
消息页面：
联系人页面：
动态页面：
开发工具下载到GitHub上的分享。那么你可以直接进入该GitHub，找下载链接即可下载。
当然我把安装顺序以及遇到的问题在此详细介绍一下。（接下来按照此步骤安装即可成功（windows版））
下载微信小程序开发工具0.7.0版本（下载链接http://pan.baidu.com/s/1nuIJnBV密码：ru3h）因为0.9.0版本有登陆验证，直接安装一直登陆不上，一直提示please bind your wechat account to the appid first，扫码扫了上百次也没登录上（是有多大的耐心），下载0.7.0版本后直接安装，安装过程很简单，选择安装目录下一步就可以了，安装成功后登陆进入程序出现，需要微信扫码登录，登录后成功出现如下界面，然后退出。
然后下载0.9.0版本（下载链接http://pan.baidu.com/s/1hskDLZY 密码46gv）
下载后直接覆盖安装就可以了（要覆盖安装），安装后先不用打开开发工具，即使你想打开也进不去。直接登录会出现如下提示
因为程序是没有破解的。安装程序后需要下载三个js破解文件替换掉我们安装程序的对于目录的对应文件。直接进入该GitHub下载，Github链接https://github.com/gavinkwoe/weapp-ide-crack
下载下图的三个文件
我将工具安装到D盘了，分别找到下面三个目录替换对应文件即可
D:\微信web开发者工具\package.nw\app\dist\components\create\createstep.js
D:\微信web开发者工具\package.nw\app\dist\stroes\projectStores.js
D:\微信web开发者工具\package.nw\app\dist\weapp\appservice\asdebug.js
替换文件后即可登录成功了，登录后界面如下
那么我们直接点击添加项目，点击后界面
因为我们没有内测账号，这个appid可以随便输入，项目名称，及开发目录就随便写了。
填好信息后点击添加项目
OK，神奇的事情出现了，一个helloworld项目就出现了。
点击编辑
选择对应的文件即可编写代码了。
调试
点击调试按钮，左上有可以选择调试的移动终端，里面可以选择苹果，三星及其他不同分辨率设备。设备右边有选择网络的按钮，可以选择wifi,2G,3G,4G网络。在右边的窗口，有console可以查看控制台打印的信息，以及网络，存储信息等。
我们点击最右上角按钮，与选择显示console，查找文件，快捷键，以及传感器，渲染设置，帮助等。在左下角有清楚缓存，重启小程序，按钮。
对了GitHub有个demo,我们可以把这个demo复制到我们的开发目录下，看下微信小程序效果，刚才创建的是一个helloworld，太简单，看不出它的魅力。
动态图我放到前面了。
好了就简单介绍到这里，想了解更多内容，请看开发文档
简易教程
微信小程序组件
开发者工具文档
常见问题
抢先看：微信官方发布的微信应用号（小程序）设计规范
微信小程序开发教程
微信小程序开发之helloworld!
...载相应的版本。安装完成后运行开发工具，此时，需要用微信扫描上面的二维码才能继续后面的操作……开发工具下载地址二、创建工程项目——HelloWorld具体操作步骤如下图所示，很简单，在此就不在赘述了。650)this.width=650;"src... 查看详情
微信小程序开发之helloworld!
...载相应的版本。安装完成后运行开发工具，此时，需要用微信扫描上面的二维码才能继续后面的操作……开发工具下载地址二、创建工程项目——HelloWorld具体操作步骤如下图所示，很简单，在此就不在赘述了。650)this.width=650;"src... 查看详情
如何开通微信小程序开发环境和生产环境
参考技术A你好，开通微信小程序开发环境，你先登陆小程序公众平台，然后点击设置，选择第三方平台，就会引导你的小程序开发环境的开通步骤，然后会让你进入腾讯云的后台管理页面，里面就会提供比较详细的图文教程，... 查看详情
小程序开发特辑—小程序申请及开发环境搭建(代码片段)
...0c;但体验下降了”的局面，小程序应运而生。 2017微信发布小程序，之后各大互联网巨头都推出了自己的小程序。但只有微信小程序支持个人开发者，其他小程序均需要企业认证，顾本特辑只能以微信小程序为... 查看详情
使用abp.zero搭建第三方登录模块：微信小程序开发
简短回顾一下微信小程序端的流程：用户通过扫码进入小程序的鉴权页面，更新状态到ACCESSED已扫码用户点击确认授权，微信通过wx.login()接口获取第三方登录的必要信息：Code登录凭证。微信小程序主要为用户授权行为提供交... 查看详情
微信小程序开发开启(代码片段)
...序和普通网页开发的区别1.运行环境不同小程序是运行在微信环境中，而网页是运行在浏览器环境中。2.API不同由于运行环境不同，所以小程序中，无法调用DOM和BOM的API。但是，小程序中可以调用微信环境提供的各... 查看详情
api-微信小程序开发
...供的，通过这些丰富的小程序API，开发者可以方便的调用微信提供的能力，例如：获取用户信息、本地存储、支付功能等。###2.小程序API的3大分类小程序官方把API分为了如下3大类：①事件监听API⚫ 查看详情
最全教程：微信小程序开发入门详解(代码片段)
笔者由于工作需要，曾经参加过一个微信小程序同SAP系统集成的项目，因此从零开始学习了微信小程序的开发知识。这里通过系列文章把自己所学分享出来，希望对相关学习者有所帮助。步骤1：微信小程序的申请... 查看详情
websocket小程序开发测试环境可以，但是真机模式失败的原因解答
...：消息推送需要使用长联讯，所以采用websocket遇见问题：微信开发者工具可以使用websocket，但是使用手机真机调试websocket无响应解决思路：一.确保websocket调用api的正确使用顺序二.服务器环境的搭建以及合法域名的校验三.开发者... 查看详情
企业微信小程序开发流程数理
参考技术A1、微信公众平台小程序账号2、企业微信管理平台1、只在企业微信里使用，不能在普通小程序使用2、只有授权的用户可以使用该小程序3、控制搜索4、控制分享1、小程序基础功能开发，提交审核2、小程序关联到企业微... 查看详情
来客推：微信小程序开发制作流程简单4步搞清楚丨小程序开发
...全不必担心自己“不会用”。下面，我向结合通用平台的微信小程序开发制作流程，向想做小程序商家介绍下，做一个小程序，都包括哪些关键点。第一步：注册小程序想做一个小程序，首先你得先有一个小程序。因此，开发小... 查看详情
前端微信小程序开发基础
...别运行环境不同网页运行在浏览器中，小程序运行在微信环境中API不同由于运行环境不同，所以小程序中，无法调用DOM和BOM的API.但是，小程序中可以调用微信环境提供的各种API，例如：地理定位扫码支付... 查看详情
微信小程序开发目录
1.入门 查看详情
微信小程序开发入门介绍-布局组件(代码片段)
在小程序开发中比较重要的就是布局了。所谓的布局是依据美工提供的设计稿，按照工具提供的各类组件进行实现。小程序中我们常用的布局组件是view。通过布局组件就可以实现我们想要的效果。布局组件的添加我们还是使... 查看详情
分享《微信小程序开发图解案例教程》pdf及代码+《微信小程序开发入门及案例详解》pdf及代码
...xQzq9I9g0g更多分享：https://pan.baidu.com/s/1g4hv05UZ_w92uh9NNNkCaA《微信小程序开发图解案例教程》PDF及代码+《微信小程序开发入门及案例详解》PDF及代码《微信小程序开发图解案例教程》PDF，356页，带书签目录；配套源代码。采用图、... 查看详情
微信小程序开发系列——4.小程序视图页面基础知识
...，我们接下来准备小程序前端页面的基础知识。由于微信前后端是分离的，我们开发时一般可以使用分块开发的模式，即前端和后端代码分离，使用JavaScript编写数据绑定和相关通信代码。由于微信整个框架只有两... 查看详情
小程序开发环境-vscode插件相关
https://blog.csdn.net/yang450712123/article/details/79276099 查看详情
小程序开发运营必看：微信小程序平台运营规范
一、原则及相关说明?微信最核心的价值，就是连接——提供一对一、一对多和多对多的连接方式，从而实现人与人、人与智能终端、人与社交化娱乐、人与硬件设备的连接，同时连接服务、资讯、商业。?微信团队一直致... 查看详情