• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >微信小程序 > 详解微信小程序开发环境搭建的方法

详解微信小程序开发环境搭建的方法

作者:匿名 字体:[增加 减小] 来源:互联网

匿名通过本文主要向大家介绍了微信小程序等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
这篇文章详解微信小程序开发环境搭建的方法的相关资料,需要的朋友可以参考下

微信小程序可谓是今天最火的一个名词了,一经出现真是轰炸了整个开发人员,当然很多App开发人员有了一个担心,微信小程序的到来会不会给移动端App带来一个寒冬,身为一个Android开发者我是不相信的,即使有,那也是很遥远的未来。

不管微信小程序是否能颠覆当今的开发格局,我们都要以好奇的心态去接收,去学习。不排斥新技术,所以,心动不如行动,赶紧先搭建一个微信小程序开发工具。那么接下来就让我们一起来开始吧。

先放一张Github上demo的动态图

详解微信小程序开发环境搭建的方法

开发工具下载是看到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,太简单,看不出它的魅力。

详解微信小程序开发环境搭建的方法

动态图我放到前面了。

好了就简单介绍到这里,想了解更多内容,请看开发文档

http://wxopen.notedown.cn/?t=1474537660904
http://weixin-xiaochengxu.shukaiming.com/component/scroll-view.html?t=1474537659739

通过此文希望能帮助到有需要的朋友,开发微信小程序,谢谢大家对本站的支持!

以上就是详解微信小程序开发环境搭建的方法的详细内容,更多请关注其它相关文章!

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 微信小程序中显示html格式内容的方法
  • 微信小程序云开发API 从指定序列后的结果开始返回
  • 微信小程序表单组件picker-view(嵌入页面的滚动选择器)
  • 微信小程序之点击返回顶层的实现方法
  • 微信小程序开发系列(四)页面的生命周期的详解
  • 微信小程序开发(二)实现分组开发与左滑功能
  • 微信小程序开发实现折叠收缩界面功能
  • 微信小程序开发功能介绍之加解密NODE-UUID介绍
  • 微信小程序 参数传递详解
  • 微信小程序高仿手机QQ应用程序

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 2018热门微信小程序个人开发入门篇 (附代码)
    • 微信小程序开发手势解锁实例代码
    • 微信小程序WebSocket协议说明及使用示例分享
    • 微信小程序 image组件binderror使用例子与js中onerror的区别分析
    • 原生WebSokcet实现断线重连及数据拼接实现方法
    • 实现微信小程序下拉菜单(带动画)的方法实例
    • 微信小程序云开发控制台
    • 微信小程序之拖拽image触摸事件监听的实现方法介绍
    • 微信小程序 video组件详解
    • 关于微信小程序进行微信支付的步骤

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有