微信小程序(原名微信应用号)开发工具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