ubuntu 安装微信小程序开发工具

微信开发者工具 本质是 nw.js 程序, 把它移植到 linux 下没大问题. 负责编译 wxml 和 wxss 的 wcc 和 wcsc (可能还有其他功能), 则利用 wine 来跑即可.

安装步骤

1. 下载项目

git clone https://github.com/cytle/wechat_web_devtools.git  &&  cd wechat_web_devtools

2. 安装wine

sudo apt-get install wine-binfmt
sudo update-binfmts --import /usr/share/binfmts/wine

这里有个问题， 我的电脑系统是ubuntu16.04 安装 wine-binfmt 会不成功， 需要多做以下步骤

• 安装wine

sudo apt install wine

• 可以添加自己添加wine-binfmt
  参考Ubuntu 16.04 运行微信开发者工具编译出错的解决办法

3. 自动下载最新 nw.js , 同时部署目录 ~/.config/微信web开发者工具

./bin/wxdt install

等待安装完成

4. 启动

./bin/wxdt

字体解决方案

Ubuntu环境下默认没有Cosolas字体，同时目前无法修改字体，因此下载安装Consolas字体是较优方案，使得编辑器将显示更舒服。

1. 下载字体

wget https://github.com/kakkoyun/linux.files/raw/master/fonts/Consolas.ttf && mv Consolas.ttf ~/.fonts

2. 重建字体缓存

sudo fc-cache -f

3. 重新打开开发者工具

参考

1. https://github.com/cytle/wechat_web_devtools
2. https://blog.izgq.net/archives/1008/