1. 程式人生 > >Ubuntu 16.04搭建 weex 開發環境

Ubuntu 16.04搭建 weex 開發環境

weex

weex 是由阿里推出的一個使用 Web 開發體驗來開發高效能原生應用的框架。目前主要支援 Vue.js 和 Rax 這兩個前端框架。
以下內容參考 weex 官方教程

安裝 weex-toolkit

請確保你已經安裝了 Node.js,然後全域性安裝 weex-toolkit。

npm install weex-toolkit -g

建立專案

安裝 weex-toolkit 後,可以用 weex create 命令來建立一個空的模板專案:

weex create awesome-app

命令執行完以後,在當前目錄的 awesome-app 資料夾裡就有了一個空的 Weex + Vue.js 專案。

測試

下一步就是進入剛剛建立的資料夾,並且安裝依賴,然後執行 npm start:

cd awesome-app
npm install
npm start

然後工具會啟動一個本地的 web 服務,監聽 8081 埠。原始碼在 src/ 目錄中,你可以像一個普通的 Vue.js 專案一樣來開發。

編譯執行

預設情況下 weex create 命令並不初始化 iOS 和 Android 專案,你可以通過執行 weex platform add 來新增特定平臺的專案。

weex platform add ios
weex platform add android

為了能在本地機器上開啟 Android 和 iOS 專案,你應該配置好客戶端的開發環境。對於 iOS,你應該安裝並且配置好 Xcode。對於 Android,你應該安裝並且配置好 Android Studio。當開發環境準備就緒後,執行下面的命令,可以在模擬器或真實裝置上啟動應用:

weex run ios
weex run android
weex run web

除錯

weex-toolkit 還提供了強大的除錯功能,只需要執行:

weex debug