Deepin - 安装微信web开发者工具（运行小程序）

- 日理万妓 2022-10-04 15:56 552阅读 0赞

## 前言 ##

> 我的 `Linux Deepin` 系统版本为 `20.2.2`，并依照 [官方（由 CSDN 加速）][CSDN] 提供的方法安装。  
> TIPS：作为 `ubuntu` 的衍生版，该系统同样可作为参考。

微信开发者工具本质是 [nw.js][] ，将其移植到 `Linux` 没有任何问题，但是负责编译 `wxml` / `wxss` 的 `wcc` 和 `wcsc` , 必须使用 `wine` 来运行（喝红酒）。  
![在这里插入图片描述][20210711102133846.png]

## 第一步 ##

> 注意：如果您安装了则不需要这一步。

为了编译 `wxml / wxss`，首先要安装 `wine`，任意终端执行以下命令：

sudo apt-get install wine

检查版本：

wine --version

## 第二步 ##

> 该步骤也可以利用界面进行操作。

在任意位置新建一个 `weixin` 文件夹，执行如下命令：

sudo mkdir weixin

进入该目录：

cd weixin/

## 第三步 ##

在 `weixin` 目录下，从官方提供的工具 [https://github.com/cytle/wechat\_web\_devtools][https_github.com_cytle_wechat_web_devtools] 克隆下来，执行如下命令：

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

不出意外会非常慢甚至失败，请使用 CSDN 加速的仓库：

git clone git@codechina.csdn.net:mirrors/cytle/wechat_web_devtools.git
    # or http
    git clone https://codechina.csdn.net/mirrors/cytle/wechat_web_devtools.git

进入该目录：

cd wechat_web_devtools

该目录下的文件如下图所示：  
![在这里插入图片描述][20210711101238863.png]  
紧接着执行如下命令，安装并自动部署 `nw.js`（自动下载最新的 `nw.js` ，同时部署目录 `~/.config/微信web开发者工具/`）：

./bin/wxdt install

--------------------

**注意：如果执行上面的代码提示没有权限，就执行 sudo ./bin/wxdt install ,还有就是上面的命令会自动执行部署目录，如果没有这个目录会报错，所以要先在～/.config/下有没有微信web开发者工具这个目录，没有的话新建一个就可以了。**

--------------------

如果你执行了上面的操作，请切换到 `wech`在这里插入代码片`at_web_devtools` 这个文件夹：

## 第四步 ##

设置文件夹权限，执行如下命令：

sudo chmod -R 777 ~/.config/微信web开发者工具/

## 第五步 ##

启动，其实就是根目录下的 `bin > wxdt` 可执行程序，手动启动或命令：  
![在这里插入图片描述][20210711102053921.png]  
命令启动：

./bin/wxdt

权限不够则：

sudo ./bin/wxdt

![在这里插入图片描述][20210711102133846.png]

## 写在后面 ##

官方仓库 `README.md` 阐述了一些失败的可能，如您遇到问题可 [查看][CSDN]

[CSDN]: https://codechina.csdn.net/mirrors/cytle/wechat_web_devtools?utm_source=csdn_github_accelerator
[nw.js]: https://nwjs.org.cn/
[20210711102133846.png]: /images/20221004/489e2656c3b5424eae8ff4442014cf84.png
[https_github.com_cytle_wechat_web_devtools]: https://github.com/cytle/wechat_web_devtools
[20210711101238863.png]: /images/20221004/5211ed527e164a449dd8aeb63ba939cf.png
[20210711102053921.png]: /images/20221004/3e9100624a804bd8a423ce39bbe6e53e.png?