微信小程序开发工具下载及搭建教程,你准备好了吗?

2024-06-02
来源:网络整理

前言:微信内无法点击外部链接,点击“阅读原文”可获取相关下载链接。

微信小程序是如今最火热的词汇之一,一经出现,确实轰动了整个开发者社区。当然,不少App开发者都担心微信小程序的到来会给移动App带来寒冬。作为开发者,我是不相信的,就算有,也是在遥远的未来。

不管微信小程序是否能颠覆目前的开发格局,我们都应该以好奇的心态去接受和学习,不要排斥新技术,与其被动,不如主动出击。让我们快速搭建一个微信小程序开发工具,然后一起动手吧。

先放一张demo的动态图

开发工具下载是看到网站上的分享,然后直接进入网站找到下载链接就可以下载了。

当然,我会在这里详细介绍安装顺序和遇到的问题。(按照以下步骤操作即可成功安装(版本))

下载微信小程序开发工具0.7.0版本(下载链接:)因为0.9.0版本有登录验证,所以我直接安装后无法登录,一直提示绑定,我扫了几百遍还是登录不了(我有多大的耐心啊)。下载0.7.0版本后直接安装,安装过程很简单,选择安装目录,点击下一步就可以了,安装成功后登录进入程序,需要用微信扫码。

进入后会出现上面的界面,关闭即可。然后下载0.9.0版本(下载链接:)

下载完之后直接覆盖安装(要覆盖安装)就可以了。安装完之后先不要打开开发工具,就算要打开也进不去。因为程序没破解。安装完程序之后需要下载三个js破解文件替换我们安装程序对应目录的文件。直接去下载,链接

下载下面显示的三个文件

我将工具安装到了D盘,找到下面三个目录,替换相应文件。

D:\微信网页开发者工具\.nw\app\dist\\\.js

D:\微信网页开发者工具\.nw\app\dist\\.js

D:\微信网页开发者工具\.nw\app\dist\\\.js

替换文件之后就可以登录成功了,登录后的界面如下

关于开发微信小程序的公司_开发微信小程序的公司_微信小程序软件开发公司

然后我们直接点击添加项目,点击界面

因为我们没有内部测试账号,所以这个大家可以随意输入,项目名和开发目录随意写。

填写信息后,点击添加商品

好的,神奇的事情发生了,一个项目出现了。

单击“编辑”

选择对应文件,写入代码。

调试

点击调试按钮,左上方可以选择要调试的手机终端,这里可以选择苹果、三星等不同分辨率的设备。设备右侧有一个选择网络的按钮,可以选择wifi、2G、3G、4G网络。在右侧的窗口中,可以查看控制台打印的信息,以及网络和存储信息。

我们点击右上角的按钮,选择显示、查找文件、快捷键、传感器、渲染设置、帮助等,左下角有清除缓存和重启小程序的按钮。

对了,还有一个demo,我们可以把这个demo复制到我们的开发目录下,看看微信小程序的效果,我们刚刚创建的太过简陋,看不出它的魅力。

我把动态图放在前面了。

分享