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


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

注:帶 * 的步驟或文件為不確定是否管用的步驟或文件。
本人系統為Linux Mint 18.1版本。

1、下載nwjs

下載nwjs的SDK。

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

將在window系統下安裝的微信web開發者工具文件夾中的package.nwicon.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的時間來編譯,不是很快。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM