微信小程序 Linux開發(fā)環(huán)境

微信小程序開發(fā)工具是用nw.js實(shí)現(xiàn)的，這玩意本來就可以跨平臺的。搞不懂為什么微信只出了windows和mac版。今天我搗騰了一下，可以在linux下開發(fā)微信小程序了。以ubuntu為例：

首先要安裝nwjs sdk環(huán)境，因?yàn)樾枰猟evtool的支援, 一定要安裝sdk版本。

下載nwjs sdk壓縮包之后解壓放到你喜歡的位置，并且設(shè)置環(huán)境變量，nw可執(zhí)行文件加入到path變量中。

接下來要去提取微信小程序開發(fā)工具的package.nw文件，這是nwjs的項(xiàng)目包文件。找個window機(jī)器安裝一下小程序開發(fā)工具，在安裝目錄里找到package.nw文件夾，將文件夾拷貝到linux系統(tǒng)下。按理來說，進(jìn)入這個文件夾nw .就可以運(yùn)行了，但是你會發(fā)現(xiàn)報(bào)錯了，因?yàn)轵v訊的開發(fā)者在項(xiàng)目的文件引用中大小寫不分，能在windows上運(yùn)行，linux下就不行。知道了原因，我們就將引用錯誤的地方修正。在package.nw目錄下執(zhí)行：

sed -i 's//.//Create//create/.js//.//create//create/.js/ig' app/dist/components/ContainController.jssed -i 's//.//main/.js//.//Main/.js/ig' app/dist/components/ContainController.jssed -i 's//.//webview//Picker//.//webview//picker/ig' app/dist/components/simulator/controller.jssed -i 's//.//webview//ActionSheet/.js//.//webview//actionSheet/.js/ig' app/dist/components/simulator/controller.jssed -i 's/appServiceConfig/.js/appserviceConfig/.js/ig' app/dist/common/assdk/networkSdk.js

執(zhí)行完成之后進(jìn)入目錄：

nw .

可以正常打開小程序開發(fā)工具了，如果打開的時候提示“failed to load...”錯誤提示是因?yàn)閳D標(biāo)文件無法加載的原因。你可以編輯一下package.json里面的"icon": "app/images/logo2.png"為其他ico文件或者直接刪掉這一行即可。

補(bǔ)充：

在運(yùn)行nw .之前需要npm install。

我本地還需要單獨(dú)安裝幾個模塊：

npm install --save autoprefixernpm install --save prettynpm install --save perfectionist

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！