摘要：什么是關于什么是引用官網(wǎng)解釋是一個使用開發(fā)體驗來開發(fā)高性能原生應用的框架。此處不做過多贅述，本文主要致力于創(chuàng)建第一個應用及其中采坑處理。

關于什么是weex,引用官網(wǎng)解釋"Weex 是一個使用 Web 開發(fā)體驗來開發(fā)高性能原生應用的框架"。此處不做過多贅述，本文主要致力于創(chuàng)建第一個weex應用及其中采坑處理。關于weex介紹，請參考官網(wǎng)：http://weex-project.io/cn/。

1.請確保已經(jīng)安裝了node.js,執(zhí)行全局安裝命令:

npm install weex-toolkit -g

若安裝緩慢,可采用淘寶鏡像 --registry https://registry.npm.taobao.org

npm install weex-toolkit -g --registry https://registry.npm.taobao.org

2.執(zhí)行完畢后,可在當前目錄創(chuàng)建空的模板項目,執(zhí)行命令:

weex create first-app

3.創(chuàng)建完畢后,進入first-app目錄,安裝依賴,并啟動項目

cd first-app
npm install
npm start

4.此時可以在瀏覽器中訪問:http://localhost:8081查看效果。
此時沒有遇到什么坑，項目也正常訪問，下面重點介紹下android下運行weex遇到的坑

1.上述操作并未添加android和iOS項目,執(zhí)行如下代碼:

weex platform add android

此處只介紹android環(huán)境下采坑,故只添加android,等待下載完成

2.配置android開發(fā)環(huán)境,此處推薦android studio,可以通過以下鏈接下載
http://www.android-studio.org...
3.下載完成后配置android環(huán)境變量

添加ANDROID_HOME ,路徑指向androidsdk目錄

配置path,在path中追加 ;%ANDROID_HOME%platform-tools;%ANDROID_HOME%tools;如圖

重新打開命令行,指定adb,出現(xiàn)如圖則代表配置成功

4.重新定位到當前工程目錄,執(zhí)行

weex run android

若出現(xiàn)如下錯誤,請連接手機,打開開發(fā)者模式并開啟usb調(diào)試

出現(xiàn)如下錯誤

則需要用androidstudio打開platform下的android

在message中出現(xiàn)如下錯誤提示

解決方案:
在工程下的build.gradle添加 google(),如圖

try again后出現(xiàn)

說是需要升級gradle,點擊第一個鏈接進行升級,升級過程可能有些慢,等待即可。
此時又出現(xiàn)了另外一個錯誤

原因是gradle 升級到3.0之后將outputFile變?yōu)橹蛔x屬性，故不能用這種方式重命名，點擊open file,修改如下代碼:

  variant.outputs.each { output ->
            def outputFile = output.outputFile
            if (outputFile != null && outputFile.name.equals("app-debug.apk")) {
                def fileName = outputFile.name.replace("app-debug.apk", "weex-app.apk")
                output.outputFile = new File(outputFile.parent, fileName)
            }
        }

為

variant.outputs.all { output ->
            def outputFile = output.outputFile
            if (outputFile != null && outputFile.name.equals("app-debug.apk")) {
                def fileName = outputFile.name.replace("app-debug.apk", "weex-app.apk")
                outputFileName = fileName
                //output.outputFile = new File(outputFile.parent, fileName)
            }
        }

將each變?yōu)閍ll,注釋output,outputFile ,添加 outputFileName = fileName ,指定try again
若仍出現(xiàn)錯誤,如下:

則需更新build Tools ,此時直接點擊鏈接即可,第二個錯誤則說明 compile即將被啟用,需要替換為implemention 與api,此處替換為implemention可解決問題（api不行，原因目前未探究）,文件如app下的build.gradle,如圖

try again后無錯誤提示. 此時,錯誤解決完畢
重新回到命令行,并定位到當前項目目錄執(zhí)行weex run android,出現(xiàn)如下錯誤

此時在build.gradle中添加如下命令

javaCompileOptions { annotationProcessorOptions { includeCompileClasspath = true } 
}

執(zhí)行sync now,無報錯

重新運行 weex run android

運行成功