# wechat_web_devtools

**Repository Path**: smilec/wechat_web_devtools

## Basic Information

- **Project Name**: wechat_web_devtools
- **Description**: 微信开发者工具(微信小程序)linux完美支持
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-04-26
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

![wx-dev-tools v-1.02.1803210](https://img.shields.io/badge/wx_dev_tools-1.02.1803210-green.svg)
![nw.js v-0.24.4](https://img.shields.io/badge/nw.js-v0.24.4-blue.svg)


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

欢迎提PR~


## Changelog
- [更新日志](CHANGELOG.md)
- [腾讯官方更新日志](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)


## 安装 Wine
请先安装 [Wine](https://wiki.winehq.org/Download)  
以 `Ubuntu` 为例: https://wiki.winehq.org/Ubuntu


## 下载并安装 微信web开发者工具
1. 下载项目
``` bash
git clone https://github.com/cytle/wechat_web_devtools.git
```

2. 进入目录
``` bash
cd wechat_web_devtools
```

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


## 运行
``` bash
./bin/wxdt
```


## 错误排除
### `./bin/wxdt install` 报错失败
> ./nw: error while loading shared libraries: libnw.so: cannot open shared object file: No such file or directory

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

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

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

参考
- https://github.com/cytle/wechat_web_devtools/issues/49#issuecomment-350478295


### `wcc` 和 `wcsc` 编译错误
执行
``` bash
sudo apt-get install wine-binfmt
sudo update-binfmts --import /usr/share/binfmts/wine
```

完成后, 点击 <kbd>编译</kbd> 即可.

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


## 更新到最新版
### 方法 1: 直接从当前项目源码 进行 更新 (稳定, 推荐)
``` bash
git pull origin
```

### 方法 2: 使用腾讯原始安装程序 进行 自助复制更新 (及时, 自行折腾)

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

1. 安装 脚本依赖 `httpie`

以下是 `Ubuntu` 安装方法, 其它参考 https://httpie.org/doc#linux

``` bash
sudo apt install httpie
```

2. 执行更新, 自动下载最新 `Windows x64` 版开发者工具, 并且使用`wine`安装.  

``` bash
./bin/update_package_nw.sh
```

*Tips*

- 下载完毕后, 会自动弹出 `Wine` 启动的 `安装界面`, 直接安装即可.  
- 安装完毕之后, **不要勾选** `立即启动`, 同时删除桌面的 `Wine` 生成的 `快捷方式`.  
- 等待脚本**成功**执行完成, 即表示升级成功.
- 运行没问题，欢迎PR

## 截图
![截图1](https://github.com/cytle/wechat_web_devtools/raw/fb84550d2d9b9f40f7a80b896066e1933892eff9/images/截图1.png)

![调试界面](https://github.com/cytle/wechat_web_devtools/raw/fb84550d2d9b9f40f7a80b896066e1933892eff9/images/调试界面.png)

上面项目来自[wechat-v2ex](https://github.com/jectychen/wechat-v2ex)

## 卸载

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

## 其它

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