微信小程序 Linux開發(fā)環(huán)境設(shè)置詳解
微信小程序 Linux開發(fā)環(huán)境
微信小程序開發(fā)工具是用nw.js實(shí)現(xiàn)的,這玩意本來就可以跨平臺(tái)的。搞不懂為什么微信只出了windows和mac版。今天我搗騰了一下,可以在linux下開發(fā)微信小程序了。以u(píng)buntu為例:
首先要安裝nwjs sdk環(huán)境,因?yàn)樾枰猟evtool的支援, 一定要安裝sdk版本。
下載nwjs sdk壓縮包之后解壓放到你喜歡的位置,并且設(shè)置環(huán)境變量,nw可執(zhí)行文件加入到path變量中。
接下來要去提取微信小程序開發(fā)工具的package.nw文件,這是nwjs的項(xiàng)目包文件。找個(gè)window機(jī)器安裝一下小程序開發(fā)工具,在安裝目錄里找到package.nw文件夾,將文件夾拷貝到linux系統(tǒng)下。按理來說,進(jìn)入這個(gè)文件夾nw .就可以運(yùn)行了,但是你會(huì)發(fā)現(xiàn)報(bào)錯(cuò)了,因?yàn)轵v訊的開發(fā)者在項(xiàng)目的文件引用中大小寫不分,能在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 .
可以正常打開小程序開發(fā)工具了,如果打開的時(shí)候提示“failed to load...”錯(cuò)誤提示是因?yàn)閳D標(biāo)文件無法加載的原因。你可以編輯一下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)頁面的兩種方法
- 詳解微信小程序設(shè)置底部導(dǎo)航欄目方法
- 微信小程序url與token設(shè)置詳解
- 微信小程序中button組件的邊框設(shè)置的實(shí)例詳解
- 微信小程序?qū)崿F(xiàn)緩存根據(jù)不同的id來進(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è)置頁面標(biāo)題的方法【附源碼下載】
相關(guān)文章
Linux yum安裝postgresql出現(xiàn)Bad GPG signature問題的解決
這篇文章給大家介紹了Linux yum安裝postgresql出現(xiàn)Bad GPG signature問題的解決方法,文中通過代碼示例給大家介紹的非常詳細(xì),具有一定的參考價(jià)值,需要的朋友可以參考下2024-02-02linux掛載新磁盤后原數(shù)據(jù)文件不見的解決辦法
linux掛載新磁盤后原數(shù)據(jù)文件不見了,丟失了嗎,沒有,這篇文章就教你找回解決辦法,文章中有詳細(xì)的操作步驟,有不會(huì)找的小伙伴可以參考閱讀本文2023-08-08Linux配置防火墻,開啟80、3306端口的實(shí)例方法
在本篇文章里小編給大家整理的是關(guān)于Linux配置防火墻,開啟80端口、3306端口的相關(guān)內(nèi)容,需要的朋友們參考下。2020-02-02Linux中mkdir函數(shù)與Windows中_mkdir函數(shù)的區(qū)別
這篇文章主要介紹了Linux中mkdir函數(shù)與Windows中_mkdir函數(shù)的區(qū)別的相關(guān)資料,需要的朋友可以參考下2016-01-01Apache mod_rewrite實(shí)現(xiàn)HTTP和HTTPS重定向跳轉(zhuǎn)
這篇文章主要介紹了Apache mod_rewrite實(shí)現(xiàn)HTTP和HTTPS重定向跳轉(zhuǎn),本文分別給出了HTTP重定向HTTPS和HTTPS重定向HTTP配置參考,需要的朋友可以參考下2015-06-06解決Ubuntu 16.04下提示boot分區(qū)空間不足的辦法
最近看了看/boot的大小,發(fā)現(xiàn)幾次升級(jí)后,大小不足,所以想擴(kuò)容,一開始還想用磁盤操作,但上網(wǎng)查詢后發(fā)現(xiàn),磁盤操作實(shí)在風(fēng)險(xiǎn)太大,特別是雙系統(tǒng)的Linux,操作又是很麻煩,后來發(fā)現(xiàn)可以刪除多余的舊內(nèi)核來清理/boot,釋放空間。下面來看看詳細(xì)的解決方法吧。2017-02-02Linux系統(tǒng)防CC攻擊自動(dòng)拉黑IP增強(qiáng)版(Shell腳本)
這篇文章主要介紹了Linux系統(tǒng)防CC攻擊自動(dòng)拉黑IP增強(qiáng)版(Shell腳本),需要的朋友可以參考下2015-04-04