学习记录：ubuntu16.04下安装微信开发者工具

今天折腾了一个下午终于在机子上安装好微信开发者工具并能够正常运行和调试。此文记录下这个学习过程供自己日后翻阅，若是还能帮助到其他人，那是最好不过了。

参考文章：在Linux系统下运行微信Web开发者工具 知乎专栏  https://zhuanlan.zhihu.com/p/24630979?refer=dreawer 

针对文章里面的一些步骤的实践总结：

1.步骤1的nwjs下载地址：https://nwjs.io/ （其实点击nwjs即可跳转，我当时没察觉。。）

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

我发现并不能简单的用归档管理器或者命令行的tar解压，于是不管，其实最后没有影响。

3.步骤3的修改代码这一步打开需要修改的js文件，里面的代码根本没有换行，瞬间血崩有没有。于是我就到网上找代码格式化的工具了，这里贴上一个我用的在线格式化代码地址：http://tool.chinaz.com/Tools/JsFormat.aspx ，但是注意：转换之后确实代码规整了，但是再次 运行nw文件，我看到不是module名报错了，而是一个好像是 let B = () =>{....} 这里报错，解决无果（猜测是规整代码后丢失了点东西，若是你们能解决的话就太好了），于是我只能在原来那一行长长的代码里修改module名了（不用怀疑，就是大小写错误），还好其实错误并不多。

4.步骤5下载wine遇到一个坑爹问题，请看图：

然后我不知道怎么退出这个页面！（原谅我太菜）。后来google发现：

按Tab+Enter就行了！

5.步骤5的 “在右键选择wine环境运行wcc.exe，会提示安装依赖。wcc.exe在linux的/home/用户名/.config/微信web开发者工具/WeappVendor文件夹内。” ，ctrl+h 就可以查看隐藏文件和文件夹，

我自己没有看到提示安装依赖，好像没啥影响。

6.步骤6的载入项目是指打开开发者工具吧，我不知道有什么快捷方式打开它，于是我每次都是用命令行打开文件nw来运行的（我是不是智障，求大神告诉我快捷方式）。

然后这个 “修改wcc.exe和wcsc.exe文件名，去掉.exe。”，但是文件夹里已经有wcc和wcsx文件了呀，去掉exe就重名了。所以我没有修改，其实也没有什么影响。

8.另外,运行开发者工具好像有个bug，就是鼠标移动到屏幕顶部的菜单栏那里没有反应，所以放大缩小就很麻烦。不知道是不是只是我机子的问题。

以上几点就是我在安装过程遇到的问题及解决方法。