1. 程式人生 > >weex 02建立專案並執行

weex 02建立專案並執行

安裝 weex-toolkit 之後就可以來進行專案的建立了

  1. 建立專案

    weex create helloweex  //建立 專案名為 helloweex 的工程

    這裡寫圖片描述

  2. 配置平臺

    此時專案已經建立完成了,用 Visual Studio 開啟如下圖所示。

    通過 npm run serve命令 就可以在瀏覽器上進行觀看專案樣子了

    其中的一些命令 可以在package.json檔案中進行檢視

    這裡寫圖片描述

    但現在只是在瀏覽器上而已,下面配置android平臺

    weex platform add android     //新增支援的平臺

    如果卡在這裡看下自己的網路代理是否通暢

    這裡寫圖片描述

  3. 執行專案

    按照官方文件 在通過 npm run android 該命令來執行專案時,我本地一直卡在 build構建步驟。所以我放棄了這種方式 而通過 android studio來開啟該專案。

    這裡寫圖片描述

    我對第二步通過 weex platform add android生成的程式碼進行了如下修改

    • rootDir/build.gradle

      這裡寫圖片描述

    • 升級 gradle-wrapper

      這裡寫圖片描述

    • appDir/build.gradle

      這裡寫圖片描述

    做了如上修改之後,發現第一種方式執行專案也正常了,猜想是gradle

    依賴版本問題

這裡寫圖片描述