微信小程序 Linux開(kāi)發(fā)環(huán)境設(shè)置詳解
微信小程序 Linux開(kāi)發(fā)環(huán)境
微信小程序開(kāi)發(fā)工具是用nw.js實(shí)現(xiàn)的，這玩意本來(lái)就可以跨平臺(tái)的。搞不懂為什么微信只出了windows和mac版。今天我搗騰了一下，可以在linux下開(kāi)發(fā)微信小程序了。以u(píng)buntu為例：
首先要安裝nwjs sdk環(huán)境，因?yàn)樾枰猟evtool的支援, 一定要安裝sdk版本。
下載nwjs sdk壓縮包之后解壓放到你喜歡的位置，并且設(shè)置環(huán)境變量，nw可執(zhí)行文件加入到path變量中。
接下來(lái)要去提取微信小程序開(kāi)發(fā)工具的package.nw文件，這是nwjs的項(xiàng)目包文件。找個(gè)window機(jī)器安裝一下小程序開(kāi)發(fā)工具，在安裝目錄里找到package.nw文件夾，將文件夾拷貝到linux系統(tǒng)下。按理來(lái)說(shuō)，進(jìn)入這個(gè)文件夾nw .就可以運(yùn)行了，但是你會(huì)發(fā)現(xiàn)報(bào)錯(cuò)了，因?yàn)轵v訊的開(kāi)發(fā)者在項(xiàng)目的文件引用中大小寫(xiě)不分，能在windows上運(yùn)行，linux下就不行。知道了原因，我們就將引用錯(cuò)誤的地方修正。在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í)行完成之后進(jìn)入目錄：
nw .
可以正常打開(kāi)小程序開(kāi)發(fā)工具了，如果打開(kāi)的時(shí)候提示“failed to load...”錯(cuò)誤提示是因?yàn)閳D標(biāo)文件無(wú)法加載的原因。你可以編輯一下package.json里面的"icon": "app/images/logo2.png"為其他ico文件或者直接刪掉這一行即可。
補(bǔ)充：
在運(yùn)行nw .之前需要npm install。
我本地還需要單獨(dú)安裝幾個(gè)模塊：
npm install --save autoprefixer npm install --save pretty npm install --save perfectionist
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
- 微信小程序 input輸入及動(dòng)態(tài)設(shè)置按鈕的實(shí)現(xiàn)
- 微信小程序 動(dòng)態(tài)的設(shè)置圖片的高度和寬度詳解及實(shí)例代碼
- 微信小程序 設(shè)置啟動(dòng)頁(yè)面的兩種方法
- 詳解微信小程序設(shè)置底部導(dǎo)航欄目方法
- 微信小程序url與token設(shè)置詳解
- 微信小程序中button組件的邊框設(shè)置的實(shí)例詳解
- 微信小程序?qū)崿F(xiàn)緩存根據(jù)不同的id來(lái)進(jìn)行設(shè)置和讀取緩存
- 微信小程序 配置頂部導(dǎo)航條標(biāo)題顏色的實(shí)現(xiàn)方法
- 微信小程序教程系列之設(shè)置標(biāo)題欄和導(dǎo)航欄(7)
- 微信小程序?qū)崿F(xiàn)動(dòng)態(tài)設(shè)置頁(yè)面標(biāo)題的方法【附源碼下載】
相關(guān)文章
這篇文章主要介紹了為 Linux 桌面配置 Openbox的方法，本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
這篇文章主要介紹了Linux 配置靜態(tài)IP的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
當(dāng)使用nc或telnet命令測(cè)試端口連接時(shí),如果返回“connection?refused”錯(cuò)誤,通常可能是因?yàn)椋?.?目標(biāo)端口未被監(jiān)聽(tīng),即沒(méi)有服務(wù)在運(yùn)行于該端口；2.?防火墻策略阻止了該端口的連接；3.?目標(biāo)主機(jī)配置了只允許特定IP或子網(wǎng)的連接,這些情況都會(huì)導(dǎo)致連接嘗試失敗2024-10-10
今天小編就為大家分享一篇關(guān)于Linux centOS安裝JDK和Tomcat的教程，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-01-01
筆者給大家介紹Linux系統(tǒng)刪除文件夾和文件的命令，很多朋友喜歡是rmdir命令來(lái)刪除文件，不過(guò)當(dāng)遇到目錄非空，就會(huì)麻煩，下面閱讀本文學(xué)習(xí)下linux刪除文件夾和文件的命令吧2018-02-02
ubuntu20.04設(shè)置靜態(tài)ip地址(包括不同版本)
這篇文章主要介紹了ubuntu20.04設(shè)置靜態(tài)ip地址，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
這篇文章主要介紹了linux nc命令小結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
Linux(Centos7)下redis5集群搭建和使用說(shuō)明詳解
這篇文章主要介紹了Linux(Centos7)下redis5集群搭建和使用說(shuō)明 ,本文通過(guò)實(shí)例文字代碼相結(jié)合的形式，給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-06-06
這篇文章主要介紹了centos下samba文件夾共享服務(wù)器配置詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
在本篇內(nèi)容里小編給大家整理的是關(guān)于Linux下遇到PyCurl的錯(cuò)誤解決方法及相關(guān)代碼，需要的朋友們可以學(xué)習(xí)下。2020-07-07