Weex 是一套代碼來構建 Android、iOS 和 Web這三個系統,使用 JavaScript 和現代流行的前端框架來進行開發,Weex官方網站如下
安裝方法是參考/Guide/Getting Started的步驟來進行,在這之前需先安裝Node.js,可參考[應用軟體]安裝Node.js來進行安裝,為了要讓安裝順利,以及未來撰寫程式方便,建議先去下載安裝
安裝完成後,Android Studio,Python與最新版本JDK安裝配置可參考[React-Native教學筆記]安裝與創造第一個專案,以上都完成後就開啟Node.js,輸入指令
npm install weex-toolkit -g
進行weex-toolkit全域安裝,
安裝完成後,就可以創造專案,輸入指令
weex create awesome-app
在安裝前會問兩個問題,分別選擇YES與use npm
經過一段時間安裝後,系統會詢問專案設定,其中要注意的選擇有
Seleect weex web render 選擇 latest
Babel compiler 選擇 stage-0
Use vue-router to manage your view router? 選擇 Yes
Use ESLint to lint your code? 選擇 No
Set up unit tests 選擇 No
Should we run 'npm install' for you after the project has been created? 選擇 npm
完成後會出現以下畫面
切換目錄輸入指令
cd awesome-app
輸入指令進行安裝
npm install
安裝完成後就輸入指令來執行
npm start
執行結果
進入Web版如下,
按Ctrl + C可取消
接下來增加Android,輸入指令
weex platform add android
增加完成後,來安裝Android版本,輸入指令
weex run android
結果如下,
留言列表
