wechat_web_devtools: 微信开发者工具(微信小程序)linux完美支持

[](#linux%E5%BE%AE%E4%BF%A1web%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7)Linux微信web开发者工具

linux 下使用微信web开发者工具.

wx-dev-tools v-1.02.1810250 nw.js v-0.24.4

[](#description)Description

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

欢迎提PR~

[](#changelog)Changelog

[](#%E5%AE%89%E8%A3%85-wine)安装 Wine

请先安装 Wine 以 Ubuntu 为例: https://wiki.winehq.org/Ubuntu

[](#%E4%B8%8B%E8%BD%BD%E5%B9%B6%E5%AE%89%E8%A3%85-%E5%BE%AE%E4%BF%A1web%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7)下载并安装 微信web开发者工具

  1. 下载项目

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

  1. 进入目录

cd wechat_web_devtools

  1. 安装wine

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

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

./bin/wxdt install

[](#%E8%BF%90%E8%A1%8C)运行

./bin/wxdt

[](#%E9%94%99%E8%AF%AF%E6%8E%92%E9%99%A4)错误排除

[](#binwxdt-install-%E6%8A%A5%E9%94%99%E5%A4%B1%E8%B4%A5)./bin/wxdt install 报错失败

./nw: error while loading shared libraries: libnw.so: cannot open shared object file: No such file or directory

该错误是由 nw.js 下载失败所致. 删除缓存, 重新下载即可.

rm -rf /path/to/wechat_web_devtools/dist
rm -rf /tmp/wxdt_xsp

# 请务必等待执行完成
./bin/wxdt install

参考

[](#wcc-%E5%92%8C-wcsc-%E7%BC%96%E8%AF%91%E9%94%99%E8%AF%AF)wcc 和 wcsc 编译错误

执行

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

完成后, 点击 编译 即可.

参考:

  1. https://github.com/cytle/wechat_web_devtools/issues/66#issuecomment-368434141
  2. https://github.com/cytle/wechat_web_devtools/issues/56#issuecomment-371999385

[](#%E6%9B%B4%E6%96%B0%E5%88%B0%E6%9C%80%E6%96%B0%E7%89%88)更新到最新版

[](#%E6%96%B9%E6%B3%95-1-%E7%9B%B4%E6%8E%A5%E4%BB%8E%E5%BD%93%E5%89%8D%E9%A1%B9%E7%9B%AE%E6%BA%90%E7%A0%81-%E8%BF%9B%E8%A1%8C-%E6%9B%B4%E6%96%B0-%E7%A8%B3%E5%AE%9A-%E6%8E%A8%E8%8D%90)方法 1: 直接从当前项目源码 进行 更新 (稳定, 推荐)

git pull origin

[](#%E6%96%B9%E6%B3%95-2-%E4%BD%BF%E7%94%A8%E8%85%BE%E8%AE%AF%E5%8E%9F%E5%A7%8B%E5%AE%89%E8%A3%85%E7%A8%8B%E5%BA%8F-%E8%BF%9B%E8%A1%8C-%E8%87%AA%E5%8A%A9%E5%A4%8D%E5%88%B6%E6%9B%B4%E6%96%B0-%E5%8F%8A%E6%97%B6-%E8%87%AA%E8%A1%8C%E6%8A%98%E8%85%BE)方法 2: 使用腾讯原始安装程序 进行 自助复制更新 (及时, 自行折腾)

注: 如果抽风了, 可以尝试使用 git reset --hard 等操作, 还原到最初的状态.

执行更新, 自动下载最新 Windows x64 版开发者工具, 并且使用7z解压.  

./bin/update_package_nw.sh

Tips

  • 运行没问题，欢迎PR

[](#%E6%88%AA%E5%9B%BE)截图

截图1

调试界面

上面项目来自wechat-v2ex

[](#%E5%8D%B8%E8%BD%BD)卸载

  1. 关闭 微信web开发者工具
  2. 项目文件夹下运行 ./bin/wxdt uninstall (删除桌面图标、微信web开发者工具配置目录), 开发者工具配置文件, 所有工程和登录信息均会消失
  3. 删除项目文件夹

[](#%E5%85%B6%E5%AE%83)其它

[](#ubuntu%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%BE%91%E5%99%A8%E5%AD%97%E4%BD%93%E5%AE%89%E8%A3%85)Ubuntu环境下编辑器字体安装

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

  • 下载https://github.com/kakkoyun/linux.files/raw/master/fonts/Consolas.ttf 至/usr/local/share/fonts or ~/.fonts
  • sudo fc-cache -f重建字体缓存
  • 确认字体安装成功

    sudo fc-list|grep Consol

.fonts/Consolas.ttf: Consolas:style=Regular

  • 重启微信开发者工具

[](#%E5%85%8D%E8%B4%A3%E5%A3%B0%E6%98%8E)免责声明

微信开发者工具版权归腾讯公司所有，本项目旨在交流学习之用。如有不当之处，请联系本人，邮箱：canyoutle@gmail.com

[](#%E8%B5%9E%E8%B5%8F)赞赏

赞赏码

原网址: 访问
创建于: 2018-11-07 01:45:41
目录: default
标签: 无

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共3条评论
DeepMind

rain16881：

/mnt1t/__weixin__/wechat_web_devtools/wechat_web_devtools

2019-06-27 11:52:51 回复

DeepMind

rain16881：

./bin/wxdt

2019-06-27 11:51:19 回复

DeepMind

rain16881：

cd ~/.wine/drive_c/Program\ Files\ \(x86\)/Tencent/微信web开发者工具/wechat_web_devtools/

2019-06-27 11:51:06 回复