怎么在Linux系統下運行微信Web開發者工具

本篇內容主要講解“怎么在Linux系統下運行微信Web開發者工具”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么在Linux系統下運行微信Web開發者工具”吧!

微信Web開發者工具只有window版本和mac版本，如果想要在Linux系統下運行微信Web開發者工具，需要花費很大周折。

注：帶 * 的步驟或文件為不確定是否管用的步驟或文件。

本人系統為Linux Mint 18.1版本。

1、下載nwjs

下載nwjs(http://nwjs.io/)的SDK。

2、將微信web開發者工具拷貝到nwjs

將在window系統下安裝的微信web開發者工具文件夾中的package.nw、icon.ico、* 微信web開發者工具.exe拷貝到nwjs  sdk解壓后的文件夾內。

* 解壓 微信web開發者工具.exe，將解壓后的文件夾內的文件移動到nwjs sdk解壓后的文件夾內。

3、修改代碼

進入到nwjs文件夾，在終端內運行

$ ./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的時間來編譯，不是很快。

到此，相信大家對“怎么在Linux系統下運行微信Web開發者工具”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！