1. 程式人生 > >在Linux系統下執行微信Web開發者工具教程

在Linux系統下執行微信Web開發者工具教程

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

1、下載nwjs

下載nwjs的SDK。

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

將在window系統下安裝的微信web開發者工具資料夾中的package.nw、icon.ico、* 微信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左右,後面因為有快取會快一些。

在這裡插入圖片描述

使用編輯功能可能會報錯,所以不要用自帶的編輯功能。7、編輯器 推薦使用webstorm,在File - Editor - code style - File Types內設定如圖下所示。將wxss新增到css型別檔案,將wxml新增到html型別檔案。

在這裡插入圖片描述

微信的檔案改變自動重新整理會有3到5s的時間來編譯,不是很快。