詳細步驟如下:
首先,確保機器已經安裝了node.js,並且把npm更新到最新版本
下載完畢后,我們可以看到全局目錄下的node_modules下面多出一個weex-toolkit
同時,我們留意到global目錄下也多出了weex的執行腳本程序
輸入命令weex –v 參看版本,我們也可以看出weex分為builder和previewer2個東西。
進入工程目錄下,執行命令weex create weex01創建項目weex01
我們可以看到weex01目錄已經創建成功了,Weex 和 Vue 的模板項目創建成功了。
后續將會使用3條命令
npm run dev 【webpack watch 模式,方便開發】
npm run serve 【開啟HotReload服務器,代碼改動的將會實時同步到網頁中】
npm run build 【源碼打包,生成 JS Bundle】
先進入項目目錄weex01執行 npm install 安裝項目依賴
解壓android-studio和android-sdk到d:\java
配置環境變量
1、給PATH變量,增加(不是替換),增加%ANDROID_SDK_HOME%\platform-tools
執行studio的執行文件
咨詢是否導入原來的配置信息,沒有的就選擇do not
配置代理服務器(可能隨時都變,具體新服務器,從百度找)
到此基本的android項目已經配置完成了。下面是接入WEEX
V7本來項目就有,所以只需要按照WEEX的文檔的要求,添加紅色部分的4個依賴,注意修改為對應SDK版本。
點擊同步
把項目的顯示組織,切換到傳統的Project模式
切換的目的,在main目錄下面,建立一個assets目錄(不是android自帶)
編寫自己的hello.js
生成出的hello.js 覆蓋上文中android studio中的assets目錄的文件,重新編譯即可。