首頁 > 微信小程式 > 小程式開發 > 微信小程式Linux開發環境設定介紹

微信小程式Linux開發環境設定介紹

高洛峰
發布: 2017-03-11 16:01:37
原創
2157 人瀏覽過

這篇文章主要介紹了微信小程式Linux開發環境設定詳解的相關資料,需要的朋友可以參考下

##微信小程式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目錄下執行:


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
登入後複製

執行完成之後進入目錄:


nw .
登入後複製

可以正常開啟小程式開發工具了,如果開啟的時候提示「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
登入後複製

感謝閱讀,希望能幫助大家,謝謝大家對本站的支持!

以上是微信小程式Linux開發環境設定介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板