搭建開發環境
weex有個playground的app(android和ios)可以驗證你的demo在app中運行的情況。首先先安裝下,地址:http://weex.apache.org/cn/playground.html掃碼下載。體驗后,最好還是自己在本地起個項目,自己玩。playground不能調試,看不出來錯誤。
Weex 官方提供了 weex-toolkit 的腳手架工具來輔助開發和調試。首先,你需要 Node.js 和 Weex CLi。
安裝Node.js方式多種多樣,最簡單的方式是在 Node.js 官網 下載可執行程序直接安裝即可。
對于 Mac,可以使用Homebrew進行安裝:
brew installnode
更多安裝方式可參考 Node.js 官方信息
安裝完成后,可以使用以下命令檢測是否安裝成功:
zhengjinguangdeMacBook-Pro:weex-projectzhengjinguang$node -vv6.10.0zhengjinguangdeMacBook-Pro:weex-projectzhengjinguang$npm -v3.10.10
通常,安裝了 Node.js 環境,npm 包管理工具也隨之安裝了。因此,直接使用 npm 來安裝 weex-toolkit。
$ npm install -g weex-toolkitzhengjinguangdeMacBook-Pro:weex-project zhengjinguang$ weex -v? v1.0.5- weex-builder : v0.2.6- weex-devtool : v0.2.79- weex-previewer : v1.3.7
Mac本本的同學,請使用
sudo npminstall-gweex-toolkit
然后初始化 Weex 項目:
$ weex init project-name
執行完命令后,在 {{project-name}} 目錄中就創建了一個使用 Weex 和 Vue 的模板項目。
之后我們進入項目所在路徑,cd {{project-name}}weex-toolkit 已經為我們生成了標準項目結構。
在 package.json 中,已經配置好了幾個常用的 npm script,分別是:
build:源碼打包,生成 JS Bundledev:webpack watch 模式,方便開發serve:開啟靜態服務器debug:調試模式
我們先通過 npm install 安裝項目依賴。之后運行 npm run dev
參見官方文檔http://weex.apache.org/cn/guide/integrate-to-your-app.html
最好下載下來,作為module引入。這樣可以修改他們的源碼。