微信小程序(微信应用号)开发工具0.9版安装详细教程

微信小程序全称微信公众平台·小程序，原名微信公众平台·应用号(简称微信应用号)

声明

•微信小程序开发工具类似于一个轻量级的IDE集成开发环境，目前仅开放给了少部分受微信官方邀请的人士(据说仅200个名额)进行内测，因此目前未受到邀请的人士只能使用破解版；

•本破解版资源来自于网上，与本人无关，仅供技术开发人员研究之用；

•由于尚属内测阶段，因此迭代更新非常快，后续很可能由于升级而导致暂时无法使用。

特别注意

•由于目前发布的0.9版本必须验证才能登录（估计是为了验证是否为内测人士），因此必须先下载安装无需验证的0.7版进行微信扫码登录，然后关闭0.7版，再下载安装0.9版(需要先覆盖三个破解文件，后面有详细说明)用于开发；目前暂时只能在本地编译，不能上传。

资源

•QQ群：120431613 微信小程序开发高手群；

•微信小程序开发工具0.7版、0.9版、破解文件、Demo源码、README说明文件：在上述QQ群的群文件中下载。

安装步骤（下面以Windows7(64位)系统为准，Mac系统步骤大同小异）

1.首先请安装0.7版；

2.点击“开始菜单-微信web开发者工具-微信web开发者工具”启动；

3.微信扫码登录，然后关闭；

4.再安装0.9版本；

5.进入安装目录，用解压缩出来的对应的破解文件替换以下文件进行破解：

•Windows：
•\package.nw\app\dist\components\create\createstep.js
•\package.nw\app\dist\stroes\projectStores.js
•\package.nw\app\dist\weapp\appservice\asdebug.js
•Mac：
•/Resources/app.nw/app/dist/components/create/createstep.js
•/Resources/app.nw/app/dist/stroes/projectStores.js
•/Resources/app.nw/app/dist/weapp/appservice/asdebug.js

特别注意：上述第二个文件projectStores.js所在的文件夹名stroes是微信官方工程师的笔误，实际应该为stores，后续第8步会涉及到这个问题！

6.再次点击“开始菜单-微信web开发者工具-微信web开发者工具”启动；

7.启动过程中可能会自动从当前的0.9.092100版本升级为0.9.092300版本；

8.自动更新到0.9.092300版之后，再启动会报40013错误（见下图），这是因为微信官方在0.9.092300版本中已经将文件夹名stroes改为stores了，此时需要先关闭登录窗口，然后再次用解压缩出来的破解文件projectStores.js替换掉stores文件夹下对应的文件。

9.再次点击“开始菜单-微信web开发者工具-微信web开发者工具”启动，应该就可以正常打开0.9.092300版了（如果还不行，再看下一步）；

10.如果还不行，那就再用0.7版安装一遍，此时只覆盖安装，安装后不用再次扫码登录0.7版，直接再覆盖安装0.9版，然后进入安装目录，按上述第5步替换三个破解文件，此时可能会发现dist文件夹下同时有stroes文件夹和stores文件夹，这两个文件夹要同时保留，并都需要替换projectStores.js文件。

创建项目

1.启动“微信web开发者工具”，选择“添加项目”

2.创建项目

•AppID：随便填；

•项目名称：随便填；

•本地开发目录：选择一个目录。

3.点击右下角“添加项目”按钮

•点击“添加项目”后，如果出错，先退出再试一次；

•成功后，会自动打开该项目：

4.然后就可以爱咋整就咋整了~~~

参考

1.https://github.com/justjavac/awesome-wechat-weapp

2.https://github.com/Aufree/awesome-wechat-weapp

以上所述是小编给大家介绍的微信小程序(微信应用号)开发工具0.9版安装详细教程，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

赞 (0)

相关推荐

  • 微信小程序下载工具及调试详解

    昨天晚些时候微信团队发布了微信小程序开发者工具.微信小程序开发文档和微信小程序设计指南,全新的开发者工具,集成了开发调试.代码编辑及程序发布等功能,帮助开发者简单和高效地开发微信小程序.以下是官方文档,内含小程序开发者工具下载地址及调试指南. 下载地址:开发者工具0.9.092300版 windows 64版:windows 32版:mac版 为了帮助开发者简单和高效地开发微信小程序,我们推出了全新的开发者工具,集成了开发调试.代码编辑及程序发布等功能. devtools 扫码登录 启动工具时,

  • 微信小程序开发实例详解

    微信小程序开发实例详解

    "小程序"破解IDE + Demo:https://github.com/gavinkwoe/weapp-ide-crack.git 资源汇总:https://github.com/Aufree/awesome-wechat-weapp 官方简易教程·MINA:http://wxopen.notedown.cn/ Hello小程序 - 非官方:http://www.helloxcx.com 微信应用号开发教程:https://my.oschina.net/wwnick/blog/750

  • 微信应用号（小程序）入门安装教程及IDE（破解版）下载

    微信应用号（小程序）入门安装教程及IDE（破解版）下载

    2016年9月22日凌晨,微信宣布"小程序"问世,妈的,论坛,博客全是小程序,昨天当之无愧抢了头条,当然只是开始内测了,微信公众平台对200个服务号发送了小程序内测邀请.那么什么是"小程序"呢,来看微信之父怎么说 看完之后,相信大家大概都有些明白了吧,对于开发者来说或许都有些小激动吧,毕竟多关注一些新东西没什么不好.那么问题是"小程序"只有200个内测账号,怎么办?还好,天朝的人才太多了,在消息发布后的几小时内网上已经出了IDE的破解版,废话不多

  • 微信小程序应用号开发教程详解

    微信小程序应用号开发教程详解

    微信应用号(微信公众平台小程序,「应用号」的新称呼)终于来了!开源中国社区的博卡君通宵吐血赶稿写出的微信公众平台应用号开发教程!大家赶紧来学习一下吧 微信公众平台小程序目前还处于内测阶段,微信只邀请了部分企业参与封测.想必大家都关心应用号的最终形态到底是什么样子?怎样将一个「服务号」改造成为「小程序」? 我们暂时以一款简单的第三方工具的实例,来演示一下开发过程吧.(公司的项目保密还不能分享代码和截图.博卡君是边加班边偷偷给大家写教程.感谢「名片盒」团队提供他们的服务号来动这个手术,所以博卡君的教

  • 微信小程序搭建及解决登录失败问题

    微信小程序搭建及解决登录失败问题

    等了好久的小程序,终于在近日曝光了.现在就带大家来尝尝鲜.以下是一张随便看看的图. 一.构建微信小程序的步骤 下载开发工具 考虑到微信0.9.092100的Web开发者工具对于登录做了限制,所以下载登录还是需要一点门路的,我在下面有介绍,希望大家耐心的往下面看~下载工具的地址:链接 密码: r3hc. 破解的步骤就是:将破解压缩包的两个文件,放到如下图路径: 这个是MAC路径: 应用程序->微信web开发者工具->显示包内容 /Resources/app.nw/app/dist/compone

  • 微信小程序应用号开发体验

    微信小程序应用号开发体验

    昨天微信小程序(应用号)内测的消息把整个技术社区炸开了锅,我也忍不住跟了几波,可惜没有内测资格,听闻破解版出来了,今天早上就着原来的项目资源试开发了一下,总结一下体验. 总体体验 开发效率高,6:40左右破解完IDE,7:20左右点做完了首页和导航栏的布局,微信把觉见的布局都做了封装,比传统的前端开发效率高. 前端可以快速上手:熟练的前端可以很快上手,可能只要一小时读文档的时间加一个官方的例子. 开发工具难用,很多目录的操作和IDE常见的格式化代码,html配对等功能暂不支持. 开发限制了很多前

  • 微信 小程序Demo导入详细介绍

    微信 小程序Demo导入详细介绍

    微信小程序一出,立马炸开了锅,都去搭建自己的开发环境,我这里也来尝尝先,之前发了一篇文章,有人问Demo怎么导入? Demo源代码(来自网络) 百度: https://pan.baidu.com/s/1o8hJFuU (密码: bsky) 360: https://yunpan.cn/ckvXAacJjvsgR (提取码:3327) demo导入方式: 打开"微信web开发者工具" -->添加项目-->填写AppID(随便填).项目名称(随便填),选择本地开发目录(Demo

  • 微信 小程序开发环境搭建详细介绍

    微信 小程序开发环境搭建详细介绍

    微信小程序可谓是今天最火的一个名词了,一经出现真是轰炸了整个开发人员,当然很多App开发人员有了一个担心,微信小程序的到来会不会给移动端App带来一个寒冬,身为一个Android开发者我是不相信的,即使有,那也是很遥远的未来. 不管微信小程序是否能颠覆当今的开发格局,我们都要以好奇的心态去接收,去学习.不排斥新技术,所以,心动不如行动,赶紧先搭建一个微信小程序开发工具.那么接下来就让我们一起来开始吧. 先放一张Github上demo的动态图 开发工具下载是看到GitHub上的分享.那么你可以直接

  • 微信小程序（应用号）简单实例应用及实例详解

    微信小程序（应用号）简单实例应用及实例详解

    Demo 预览 演示视频(流量预警 2.64MB) GitHub Repo 地址 仓库地址:https://github.com/zce/weapp-demo 使用步骤 将仓库克隆到本地: bash $ git clone https://github.com/zce/weapp-demo.git weapp-douban --depth 1 $ cd weapp-douban 打开微信Web开放者工具(注意:必须是0.9.092300版本) 必须是0.9.092300版本,之前的版本不能保证正

  • 微信小程序 开发指南详解

    微信小程序 开发指南详解

    编写代码 创建小程序实例 点击开发者工具左侧导航的"编辑",我们可以看到这个项目,已经初始化并包含了一些简单的代码文件.最关键也是必不可少的,是 app.js.app.json.app.wxss 这三个.其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件.微信小程序会读取这些文件,并生成小程序实例. 下面我们简单了解这三个文件的功能,方便修改以及从头开发自己的微信小程序. ​ app.js是小程序的脚本代码.我们可以在这个文件中监听并处理小程序的

  • 微信小程序版的知乎日报开发实例

    微信小程序版的知乎日报开发实例

    先看看效果图 开发环境准备 小程序 出来第二天就被破解,第三天微信就把开发工具开发下载了, 现在只需要下载 微信开发者工具 就可以使用了, 创建项目的时候,要选择无 appid, 这样就不会有 appid 的验证了. 目录结构 1.app.js 注册app逻辑, app.wxss 全局样式文件 app.json 配置信息 2.pages 存放页面文件 3.utils 工具类代码 4.images 图片资源文件 小程序中每一个页面都会有三个文件 .wxml .wxss .js ,对应着结构.样式.

随机推荐