微信小程序 Linux開發環境
微信小程序開發工具是用nw.js實現的,這玩意本來就可以跨平臺的。搞不懂為什么微信只出了windows和mac版。今天我搗騰了一下,可以在linux下開發微信小程序了。以ubuntu為例:
首先要安裝nwjs sdk環境,因為需要devtool的支援, 一定要安裝sdk版本。
下載nwjs sdk壓縮包之后解壓放到你喜歡的位置,并且設置環境變量,nw可執行文件加入到path變量中。
接下來要去提取微信小程序開發工具的package.nw文件,這是nwjs的項目包文件。找個window機器安裝一下小程序開發工具,在安裝目錄里找到package.nw文件夾,將文件夾拷貝到linux系統下。按理來說,進入這個文件夾nw .就可以運行了,但是你會發現報錯了,因為騰訊的開發者在項目的文件引用中大小寫不分,能在windows上運行,linux下就不行。知道了原因,我們就將引用錯誤的地方修正。在package.nw目錄下執行:
1
2
3
4
5
|
sed -i 's/./Create/create.js/./create/create.js/ig' app /dist/components/ContainController .js sed -i 's/./main.js/./Main.js/ig' app /dist/components/ContainController .js sed -i 's/./webview/Picker/./webview/picker/ig' app /dist/components/simulator/controller .js sed -i 's/./webview/ActionSheet.js/./webview/actionSheet.js/ig' app /dist/components/simulator/controller .js sed -i 's/appServiceConfig.js/appserviceConfig.js/ig' app /dist/common/assdk/networkSdk .js |
執行完成之后進入目錄:
1
|
nw . |
可以正常打開小程序開發工具了,如果打開的時候提示“failed to load...”錯誤提示是因為圖標文件無法加載的原因。你可以編輯一下package.json里面的"icon": "app/images/logo2.png"為其他ico文件或者直接刪掉這一行即可。
補充:
在運行nw .之前需要npm install。
我本地還需要單獨安裝幾個模塊:
1
2
3
|
npm install --save autoprefixer npm install --save pretty npm install --save perfectionist |
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
原文鏈接:https://my.oschina.net/waterbear/blog/813028