微信小程序开发环境搭建详细介绍,你想知道的都在这里

2024-07-26
来源:网络整理

本文主要介绍关于微信小程序开发环境详细介绍的相关信息,有需要的朋友可以参考以下

微信小程序是如今最火热的词汇之一,一经出现,确实轰动了整个开发者社区。当然,不少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网络。在右侧的窗口中,可以查看控制台打印的信息,以及网络和存储信息。

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

我把动态图放在前面了。

分享