Linux系统下如何运行微信web开发者工具？

微信Web 开发者工具只有 window 版本和 mac 版本，如果想要在 Linux系统 下运行微信Web 开发者工具，需要花费很大周折。本文和大家分享的就是linux 系统下 运行微信web 开发者工具相关内容，一起来看看吧。

　　注：带 *  的步骤或文件为不确定是否管用的步骤或文件。

　　本人系统为Linux Mint 18.1 版本。

　　1 、下载 nwjs

　　下载nwjs 的 SDK 。

　　2 、将微信 web 开发者工具拷贝到 nwjs

　　将在window 系统下安装的微信 web 开发者工具文件夹中的 package.nw 、 icon.ico 、 *  微信 web 开发者工具 .exe 拷贝到 nwjs sdk 解压后的文件夹内。

　　*  解压 微信 web 开发者工具 .exe ，将解压后的文件夹内的文件移动到 nwjs sdk 解压后的文件夹内。

　　3 、修改代码

　　进入到nwjs 文件夹，在终端内运行

　　1. $ ./nw

　　会出现提示 Cannot find module '......'

根据提示，在提示错误的文件内修改module 名，因为名字大小写会有错误，比如 appServiceConfig 模块，它的实际模块名是 appserviceConfig ，这些都是大小写字母错误导致找不到模块。

　　会有几个文件需要修改，根据错误提示修改。

　　4 、在微信小程序项目文件内创建 run-detectors 文件

　　在微信小程序项目文件夹内创建run-detectors 文件，因为该文件没有扩展名，在 linux 系统会被认为是文件夹，导致找不到该文件导致报错。

　5 、下载 wine

　　在命令行内运行

　　$ sudo apt-get install wine

　　在右键选择wine 环境运行 wcc.exe ，会提示安装依赖。 wcc.exe 在 linux 的  /home/ 用户名 /.config/ 微信 web 开发者工具 /WeappVendor  文件夹内。

　　6 、载入项目

　　在载入项目前，*  先在 wine 下运行 wcc.exe 和 wcsc.exe( 不提前运行 wcc.exe 和 wcsc.exe 的话可能会报错 ) 。第一次载入项目后编译可能会慢一些， 3 、 5s 到 10s 左右，后面因为有缓存会快一些。

　　修改wcc.exe 和 wcsc.exe 文件名，去掉 .exe 。

　　进入到package.nw/app/dist/weapp/ 文件夹，找到 commit/build.js 、 trans/transWxmlToJs.js 和 utils/vendorManager.js ，将代码中的 wcc.exe 和 wcsc.exe 改成 wcc 和 wcsc 。

使用编辑功能可能会报错，所以不要用自带的编辑功能。

　　7 、编辑器

　　推荐使用webstorm ，在 File - Editor - code style - File Types 内设置如图下所示。将 wxss 添加到 css 类型文件，将 wxml 添加到 html 类型文件。

微信的文件改变自动刷新会有3 到 5s 的时间来编译，不是很快。

来源： 51CTO