前言
微信开发者工具官方只提供了windows和Mac OS版本,我等Linux党在开发微信小程序的时候就显得很尴尬了,开虚拟机跑个windows卡的一B,要么直接用windows开发,略显蛋疼。
值得庆幸的是微信开发者工具客户端本身是基于NW.js编写,这一点在安装widnows版本的时候可以从安装进度窗口看到类似 解压 nw.js的字样,万能的大神已经搞出了Linux版本的客户端,并且在Github上开源,此文便是如何快速在Linux下面安装使用微信开发者工具。
安装
首先打开微信开发者工具的Linux版本开源项目地址 https://github.com/cytle/wechat_web_devtools ,在开始之前需要先安装Wine运行环境
sudo apt-get install wine-binfmt sudo update-binfmts --import /usr/share/binfmts/wine sudo apt install wine32Wine安装环境搞定之后将代码克隆到本地
git clone https://github.com/cytle/wechat_web_devtools.git cd wechat_web_devtools下载回来之后直接执行安装
./bin/wxdt install安装程序会自动下载Nw.js框架。
理论上到此就应该结束了,实际情况并不是这么容易。
难点
首先你会发现Nw.js框架的软件包下载奇慢无比,88M左右的压缩文件,下载速度基本上是20K每秒以下,关键是下载的不是不允许多线程,只能单线程下载,一旦失败还得重新来一遍。就算安装成功之后,每次启动开发者工具,都得使用命令,没有自动创建快捷方式。
所以,针对上面两个问题,我们需要对安装过程进行一些优化。
这些问题在最新的代码中已经能够自动实现,直接执行安装即可。
优化
针对Nw.js下载慢的问题,我这里使用了一台美国VPS作为跳板,先在美国vps上使用wget下载到vps上,基本上是秒下,88m不到10秒下载完成,接着在本地直接使用axel开启10个线程从vps上下载文件回来,这样就节省了非常多的时间。
直接使用国内的镜像站点下载,推荐使用华为云的镜像,下载地址 https://mirrors.huaweicloud.com/nwjs/v0.25.4/nwjs-sdk-v0.25.4-linux-x64.tar.gz 速度非常的快。
下载回来之后得到nwjs-sdk-v0.25.4-linux-x64.tar.gz压缩文件,使用 tar zvxf nwjs-sdk-v0.25.4-linux-x64.tar.gz将压缩文件加压,得到nwjs-sdk-v0.25.4-linux-x64文件夹,然后将 克隆下来的微信开发者工具里面的package.nw文件夹复制到 nwjs-sdk-v0.25.4-linux-x64 下面,然后在 nwjs-sdk-v0.25.4-linux-x64 里面执行 ./nw 命令即可启动开发者工具。
当然,这样使用命令行执行非常的不友好,所以创建快捷方式依然是非常必要的。
很幸运的是,开发者工具里面已经有一个快捷方式的例子了desktop.example,打开看到内容如下
[Desktop Entry] Name=微信web开发者工具 Comment=The development tools for wechat web develop Categories=Development;WebDevelopment;IDE; Exec=/path/to/bin/wxdt %U Icon=/path/to/dist/package.nw/static/image/logo@2x.png Type=Application Terminal=false X-Desktop-File-Install-Version=0.22根据系统配置环境,对这个文件进行修改,得到
[Desktop Entry] Name=微信web开发者工具 Comment=The development tools for wechat web develop Categories=Development;WebDevelopment;IDE; Exec=/home/kbdancer/Opt/wechat_web_devtools/bin/wxdt %U Icon=/home/kbdancer/Opt/wechat_web_devtools/package.nw/static/image/logo@2x.png Type=Application Terminal=false X-Desktop-File-Install-Version=0.22保存之后将desktop.example 重命名为 WechatTool.desktop并复制到/usr/share/applications/路径下,
mv desktop.example /usr/share/applications/WechatTool.desktop
接着,不出意外的话你就能在菜单里面看到微信开发者工具了
单击即可正常启动,妥妥的毫无压力也可以直接执行bin/路径下的 install_desktop.sh 脚本直接安装。
参考
https://github.com/cytle/wechat_web_devtools
!!! 转载请先联系non3gov@gmail.com授权并在显著位置注明作者和原文链接 !!! 小黑屋
提示:技术文章有一定的时效性,请先确认是否适用你当前的系统环境。