5 Star 17 Fork 3

illusion / wechat_web_devtools

Clone or download
README.md
Copy Edit Web IDE Raw Normal History
炒饭   更新readme 2017-03-27
# Linux微信web开发者工具
炒饭   update: readme 2018-06-26
imknown   Reduce steps and disambiguate. 2018-03-28
linux 下使用微信web开发者工具.
炒饭   更新到0.15.1528 2017-03-28
illusion   update README.md. 2020-05-12
![wx_dev_tools v1.02.1906141](https://img.shields.io/badge/wx_dev_tools-1.02.1906141-green.svg)
炒饭   feat: v1.02.1904091 2019-04-10
![nw.js v0.24.4](https://img.shields.io/badge/nw.js-v0.24.4-blue.svg)
炒饭   更新readme 2017-03-27
## Description
炒饭   update: readme 2018-06-26
炒饭   update readme 2018-05-17
**Linux微信web开发者工具**, 可在 `linux` 桌面环境跑起 `微信开发者工具`,原理是 `微信开发者工具` 本质是 `nw.js` 程序, 把它移植到 `linux` 下没大问题.负责编译 `wxml``wxss``wcc``wcsc` (可能还有其他功能),
imknown   Reduce steps and disambiguate. 2018-03-28
则利用 `wine` 来跑即可.
炒饭   docs: readme 调整结构 2019-03-13
## Usage
炒饭   修改readme 2017-08-20
炒饭   chore(docs): 调整格式 2019-03-14
### 下载项目和初始化
炒饭   update: readme 2018-06-26
illusion   update README.md. 2020-05-12
## 是否安装如果未安装wine环境 这里先安装wine **(一定要先装wine环境)** #### 1. 安装`wine-binfmt` (如果已经安装wine无视该步骤)``` bashsudo apt-get install wine-binfmt  ```或则wine  如果是Ubuntu 16.4上面这个可能安装不起来 则直接执行下面这个安装默认wine 1.6 ``` bashsudo apt-get install wine```#### 2.然后将wine更新到环境中``` bashsudo update-binfmts --import /usr/share/binfmts/wine```## 安装wechat_web_devtools
imknown   Reduce steps and disambiguate. 2018-03-28
``` bash
炒饭   doc: 更新使用说明 2019-02-19
git clone https://github.com/cytle/wechat_web_devtools.git
炒饭   更新脚本 2017-05-18
cd wechat_web_devtools
炒饭   docs: readme 调整结构 2019-03-13
# 自动下载最新 `nw.js` , 同时部署目录 `~/.config/wechat_web_devtools/`./bin/wxdt install
炒饭   change:readme 2017-03-30
```
炒饭   change:readme 不需要小程序开发说明 2017-03-30
illusion   update README.md. 2020-05-12
### 如果后装wine可能会出现.wxml无法编译的情况![输入图片说明](https://images.gitee.com/uploads/images/2019/0701/135951_5c6755b7_1865837.png "index (6).png")解决方法(先删除默认config配置  sudo rm -rf ~/.config/wechat_web_devtools 然后再执行 ./bin/wxdt install 重新安装)
炒饭   chore(docs): 调整格式 2019-03-14
### 启动ide,开发和调试网页
炒饭   docs: readme 调整结构 2019-03-13
运行准备:1. `GUI`环境
炒饭   update: readme 2018-06-26
``` bash
炒饭   docs: readme 调整结构 2019-03-13
./bin/wxdt # 启动
炒饭   update: readme 2018-06-26
```
炒饭   更新截图,更新说明 2017-06-24
炒饭   chore(docs): 调整格式 2019-03-14
### 启动ide,开发和预览小程序
炒饭   chore: update readme 2019-02-19
炒饭   docs: readme 调整结构 2019-03-13
运行准备:1. `GUI`环境2. 需要[安装`wine`](#安装Wine)3. 并且已经执行过`./bin/wxdt install`
炒饭   update: readme 2018-06-26
imknown   Reduce steps and disambiguate. 2018-03-28
``` bash
炒饭   docs: readme 调整结构 2019-03-13
./bin/wxdt # 启动
炒饭   更新readme 2017-03-27
```
炒饭   chore: 更新命令行和HTTP调用部分 2019-02-28
### 命令行和HTTP调用
炒饭   chore: update readme 2019-02-19
炒饭   docs: readme 调整结构 2019-03-13
运行准备:
炒饭   chore: update readme 2019-02-19
炒饭   Update README.md 2019-02-28
1. `GUI`环境,`命令行和HTTP调用`会自动启动`ide`(服务器没条件的可以使用`docker`)
炒饭   chore: 更新命令行和HTTP调用部分 2019-02-28
2. 并且已经执行过`./bin/wxdt install`3.`ide`的设置中开启服务端口: 设置 -> 安全 -> 服务端口(开启)
炒饭   doc: 更新使用说明 2019-02-19
炒饭   chore: 更新命令行和HTTP调用部分 2019-02-28
命令行工具所在位置: `<安装路径>/bin/cli`
炒饭   chore: update readme 2019-02-19
炒饭   chore: doc update 2019-02-19
端口号文件位置:`~/.config/wechat_web_devtools/Default/.ide`
炒饭   chore: update readme 2019-02-19
炒饭   docs: readme 调整结构 2019-03-13
微信文档参考:
炒饭   chore: 更新命令行和HTTP调用部分 2019-02-28
- [命令行 调用 · 小程序](https://developers.weixin.qq.com/miniprogram/dev/devtools/cli.html)- [HTTP 调用 · 小程序](https://developers.weixin.qq.com/miniprogram/dev/devtools/http.html)
炒饭   chore: update readme 2019-02-19
炒饭   chore(docker): 调整docker 2019-03-14
### Docker
炒饭   chore(docker): 提供两种docker使用方法,详见readme 2019-03-25
未安装`wine`,仅限`cli`调用可以直接`run```` bashdocker run -it \
炒饭   Update README.md 2019-04-02
    -v $PWD:/projects \
炒饭   Update README.md 2019-04-02
    canyoutle/wxdt \
炒饭   chore(docker): 提供两种docker使用方法,详见readme 2019-03-25
    sh -c "cli -l && cli -p /projects/your-project"```或是启动一个持久的容器
炒饭   chore(docker): 调整docker 2019-03-14
``` bash
炒饭   chore(docker): 提供两种docker使用方法,详见readme 2019-03-25
docker run -d \    --name wxdt \    -p 6080:80 \    -v $PWD:/projects \    canyoutle/wxdtdocker exec -it wxdt cli -l # 登录docker exec -it wxdt cli -p /projects/your-project # 预览工程docker stop wxdt # 暂停容器docker start wxdt # 下次使用,不用再run,可以直接exec
炒饭   chore(docker): 调整docker 2019-03-14
```
炒饭   docs: readme 调整结构 2019-03-13
## 其它说明### 安装Wine请参考搜索引擎安装 [Wine](https://wiki.winehq.org/Download),以下是`Ubuntu`下两种安装
illusion   update README.md. 2020-05-12
#### 1. 安装`wine-binfmt` 或则wine  **(一定要先装wine环境)**   如果后装wine可能会出现无法编译的情况解决方法(先删除默认conf配置  sudo rm -rf ~/.config/wechat_web_devtools 然后再执行 ./bin/wxdt install 重新安装)
炒饭   docs: readme 调整结构 2019-03-13
``` bash
illusion   update README.md. 2020-05-12
sudo apt-get install wine-binfmt  (如果是Ubuntu 16.4这个不存在 直接执行 sudo apt-get install wine)
炒饭   docs: readme 调整结构 2019-03-13
sudo update-binfmts --import /usr/share/binfmts/wine```
illusion   update README.md. 2020-05-12
#### 2. 正常安装`wine`   (这种装wine的方法没测过 个人感觉用上面的就够了)
炒饭   docs: readme 调整结构 2019-03-13
``` bashdpkg --add-architecture i386 \  && wget -nc https://dl.winehq.org/wine-builds/winehq.key \  && apt-key add winehq.key \  && apt-add-repository 'deb https://dl.winehq.org/wine-builds/ubuntu/ bionic main' \  && apt-get update \  && apt-get install -y --no-install-recommends --allow-unauthenticated winehq-stable```
炒饭   update: readme 2018-06-26
imknown   Rerich the FAQ 2018-04-09
### `./bin/wxdt install` 报错失败
炒饭   update: readme 2018-06-26
imknown   Rerich the FAQ 2018-04-09
> ./nw: error while loading shared libraries: libnw.so: cannot open shared object file: No such file or directory
炒饭   update readme 2018-05-17
该错误是由 `nw.js` 下载失败所致.
imknown   Rerich the FAQ 2018-04-09
删除缓存, 重新下载即可.``` bashrm -rf /path/to/wechat_web_devtools/distrm -rf /tmp/wxdt_xsp`````` bash# 请务必等待执行完成./bin/wxdt install```
illusion   update README.md. 2020-05-12
imknown   Rerich the FAQ 2018-04-09
参考
炒饭   update: readme 2018-06-26
- https://github.com/cytle/wechat_web_devtools/issues/49#issuecomment-350478295
imknown   Add method link list on fixing wcc & wcsc errors. 2018-03-28
### `wcc` 和 `wcsc` 编译错误
炒饭   update: readme 2018-06-26
炒饭   chore(docs): 调整格式 2019-03-14
`wine`没安装好导致的,或是没有成功替换`wcc``wcsc`两个二进制文件
炒饭   update: readme 2018-06-26
炒饭   chore(docs): 调整格式 2019-03-14
- 方案一: 安装`wine`并且执行`./bin/wxdt install`- 方案二: 安装`wine-binfmt`
imknown   Rerich the FAQ 2018-04-09
完成后, 点击 <kbd>编译</kbd> 即可.参考:
炒饭   update: readme 2018-06-26
imknown   Add method link list on fixing wcc & wcsc errors. 2018-03-28
1. https://github.com/cytle/wechat_web_devtools/issues/66#issuecomment-3684341412. https://github.com/cytle/wechat_web_devtools/issues/56#issuecomment-371999385
炒饭   docs: readme 调整结构 2019-03-13
### 更新到最新版
炒饭   update: readme 2018-06-26
炒饭   chore(docs): 调整格式 2019-03-14
#### 方案一: 直接从当前项目源码 进行 更新 (稳定, 推荐)
炒饭   update: readme 2018-06-26
imknown   Reduce steps and disambiguate. 2018-03-28
``` bash
imknown   Enrich upgrade guide 2018-04-10
git pull origin
imknown   Reduce steps and disambiguate. 2018-03-28
```
炒饭   更新截图,更新说明 2017-06-24
炒饭   chore(docs): 调整格式 2019-03-14
#### 方案二: 使用腾讯原始安装程序 进行 自助复制更新 (及时, 自行折腾)
炒饭   add additional instructions 2018-04-10
**注**: 如果抽风了, 可以尝试使用 `git reset --hard` 等操作, 还原到最初的状态.
imknown   Enrich upgrade guide 2018-04-10
illusion   update README.md. 2020-05-12
执行更新, 自动下载最新 `Windows x64` 版开发者工具, 并且使用`7z`解压.  
炒饭   add additional instructions 2018-04-10
imknown   Reduce steps and disambiguate. 2018-03-28
``` bash
imknown   Enrich upgrade guide 2018-04-10
./bin/update_package_nw.sh
炒饭   去除打包等其他,使用wxdt启动 2017-05-18
```
炒饭   add additional instructions 2018-04-10
*Tips*- 运行没问题,欢迎PR
炒饭   docs: readme 调整结构 2019-03-13
### Ubuntu环境下编辑器字体安装
炒饭   update: readme 2018-06-26
炒饭   docs: readme 调整结构 2019-03-13
Ubuntu环境下默认没有`Cosolas`字体,同时目前无法修改字体,因此下载安装Consolas字体是较优方案,使得编辑器将显示更舒服。
炒饭   更新截图,更新说明 2017-06-24
炒饭   docs: readme 调整结构 2019-03-13
- 下载`https://github.com/kakkoyun/linux.files/raw/master/fonts/Consolas.ttf``/usr/local/share/fonts` or `~/.fonts`- `sudo fc-cache -f`重建字体缓存- 确认字体安装成功
炒饭   截图放在最下面 2017-03-27
炒饭   docs: readme 调整结构 2019-03-13
``` bashsudo fc-list|grep Consol.fonts/Consolas.ttf: Consolas:style=Regular```
炒饭   截图放在最下面 2017-03-27
炒饭   docs: readme 调整结构 2019-03-13
- 重启微信开发者工具### 卸载
炒饭   update readme.md 2017-05-21
imknown   Reduce steps and disambiguate. 2018-03-28
1. 关闭 `微信web开发者工具`
炒饭   update readme 2018-05-17
2. 项目文件夹下运行 `./bin/wxdt uninstall` (删除桌面图标、微信web开发者工具配置目录),
imknown   Reduce steps and disambiguate. 2018-03-28
   **开发者工具配置文件, 所有工程和登录信息均会消失**
炒饭   更新截图,更新说明 2017-06-24
3. 删除项目文件夹
炒饭   update readme.md 2017-05-21
razonyang   添加 Arch Linux 安装说明 2019-04-29
### Arch LinuxArch Linux 及其衍生发行版,如 Manjaro,可以通过 AUR 进行安装:https://aur.archlinux.org/packages/wechat-devtool/
炒饭   docs: readme 调整结构 2019-03-13
## 截图
炒饭   update: readme 2018-06-26
炒饭   docs: readme 调整结构 2019-03-13
![截图1](https://github.com/cytle/wechat_web_devtools/raw/fb84550d2d9b9f40f7a80b896066e1933892eff9/images/截图1.png)
炒饭   update readme 2017-05-21
炒饭   docs: readme 调整结构 2019-03-13
![调试界面](https://github.com/cytle/wechat_web_devtools/raw/fb84550d2d9b9f40f7a80b896066e1933892eff9/images/调试界面.png)
炒饭   update: readme 2018-06-26
炒饭   docs: readme 调整结构 2019-03-13
上面项目来自[wechat-v2ex](https://github.com/jectychen/wechat-v2ex)
炒饭   Update README.md 2018-08-14
## 赞赏
illusion   update README.md. 2020-05-12
<img width="400px" height="400px" alt="赞赏码" src="https://images.gitee.com/uploads/images/2019/0701/134140_ff70d226_1865837.jpeg"/>
炒饭   docs: readme 调整结构 2019-03-13
## Changelog- [更新日志](CHANGELOG.md)- [腾讯官方更新日志](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)## 免责声明微信开发者工具版权归腾讯公司所有,本项目旨在交流学习之用。如有不当之处,请联系本人,邮箱:canyoutle@gmail.com
HTML
1
https://gitee.com/liushuai05/wechat_web_devtools.git
git@gitee.com:liushuai05/wechat_web_devtools.git
liushuai05
wechat_web_devtools
wechat_web_devtools
master

Search