Mint Linux 安装微信开发者工具

前言

微信开发者工具官方只提供了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 wine32

Wine安装环境搞定之后将代码克隆到本地

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