微信小程序 Linux開發(fā)環(huán)境設(shè)置詳解
微信小程序 Linux開發(fā)環(huán)境
微信小程序開發(fā)工具是用nw.js實現(xiàn)的,這玩意本來就可以跨平臺的。搞不懂為什么微信只出了windows和mac版。今天我搗騰了一下,可以在linux下開發(fā)微信小程序了。以ubuntu為例:
首先要安裝nwjs sdk環(huán)境,因為需要devtool的支援, 一定要安裝sdk版本。
下載nwjs sdk壓縮包之后解壓放到你喜歡的位置,并且設(shè)置環(huán)境變量,nw可執(zhí)行文件加入到path變量中。
接下來要去提取微信小程序開發(fā)工具的package.nw文件,這是nwjs的項目包文件。找個window機器安裝一下小程序開發(fā)工具,在安裝目錄里找到package.nw文件夾,將文件夾拷貝到linux系統(tǒng)下。按理來說,進入這個文件夾nw .就可以運行了,但是你會發(fā)現(xiàn)報錯了,因為騰訊的開發(fā)者在項目的文件引用中大小寫不分,能在windows上運行,linux下就不行。知道了原因,我們就將引用錯誤的地方修正。在package.nw目錄下執(zhí)行:
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
執(zhí)行完成之后進入目錄:
nw .
可以正常打開小程序開發(fā)工具了,如果打開的時候提示“failed to load...”錯誤提示是因為圖標文件無法加載的原因。你可以編輯一下package.json里面的"icon": "app/images/logo2.png"為其他ico文件或者直接刪掉這一行即可。
補充:
在運行nw .之前需要npm install。
我本地還需要單獨安裝幾個模塊:
npm install --save autoprefixer npm install --save pretty npm install --save perfectionist
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
- 微信小程序 input輸入及動態(tài)設(shè)置按鈕的實現(xiàn)
- 微信小程序 動態(tài)的設(shè)置圖片的高度和寬度詳解及實例代碼
- 微信小程序 設(shè)置啟動頁面的兩種方法
- 詳解微信小程序設(shè)置底部導(dǎo)航欄目方法
- 微信小程序url與token設(shè)置詳解
- 微信小程序中button組件的邊框設(shè)置的實例詳解
- 微信小程序?qū)崿F(xiàn)緩存根據(jù)不同的id來進行設(shè)置和讀取緩存
- 微信小程序 配置頂部導(dǎo)航條標題顏色的實現(xiàn)方法
- 微信小程序教程系列之設(shè)置標題欄和導(dǎo)航欄(7)
- 微信小程序?qū)崿F(xiàn)動態(tài)設(shè)置頁面標題的方法【附源碼下載】
相關(guān)文章
ubuntu20.04設(shè)置靜態(tài)ip地址(包括不同版本)
這篇文章主要介紹了ubuntu20.04設(shè)置靜態(tài)ip地址,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
Linux(Centos7)下redis5集群搭建和使用說明詳解
這篇文章主要介紹了Linux(Centos7)下redis5集群搭建和使用說明 ,本文通過實例文字代碼相結(jié)合的形式,給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06

