使用Android-studio開發移動app與weex結合開發詳細步驟


 詳細步驟如下:

 

首先,確保機器已經安裝了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目錄的文件,重新編譯即可。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM