1.環境Windows 10
2.至此網址下載安裝Android Studio
https://developer.android.com/studio/
3.安裝完後,
其實C:\Users\使用者\AppData\Local\Android\Sdk就會有檔案可以使用了
4.設定環境變數,讓adb這個指令到處都可以用,
加入C:\Users\使用者\AppData\Local\Android\Sdk\platform-tools這個路徑
5.USB插入你的android裝置
6.下指令,測試是否有連到
adb devices
7.若沒有連到,代表沒有開啟USB debug模式,
進入你手機的設定,並在關於手機那邊連續點很多下,然後啟用USB debugging(USB偵錯)
8.增加全域的weex指令
npm install weex-toolkit -g
9.開始你的專案
weex create 你要建立的資料夾名稱
? Project name app名稱
? Project description app描述
? Author fenturechance email
? Select weex web render lts
? Babel compiler (https://babeljs.io/docs/plugins/#stage-x-experimental-presets) stage-0 //轉譯器
? Use vue-router to manage your view router? (not recommended) No //不建議就不做啦
? Use ESLint to lint your code? No //先不除錯
? Set up unit tests No //先不除錯
? Should we run `npm install` for you after the project has been created? (recommended) yarn //習慣用yarn安裝
10.安裝套件包cd 你剛剛建立的資料夾 //進入資料夾
npm start //使用電腦的瀏覽器測試
12.跳出來得瀏覽器會有QR code,並指示你可以在手機上下載Weex Playground App,來進行模擬開發。
11.開始android設定
weex platform add android //告訴專案說我要打包android
12.開始打包成android專案
weex run android
13.結果噴錯誤
BUILD FAILED
Total time: 7.64 secs
03:14:51 : Error: Error: Command failed: call gradlew.bat assembleDebug
isLibProject: false, isAppProject: true
weex_plugin: []
FAILURE: Build failed with an exception.
* What went wrong:
A problem occurred configuring project ':app'.
> The SDK directory 'c:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk' does not exist.
* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.
at checkExecSyncError (child_process.js:575:11)
at Object.execSync (child_process.js:612:13)
at C:\Users\Jerry_2\.xtoolkit\node_modules\weexpack\lib\run\android.js:331:20
at new Promise (<anonymous>)
at buildApp (C:\Users\Jerry_2\.xtoolkit\node_modules\weexpack\lib\run\android.js:327:10)
at <anonymous>
at process._tickCallback (internal/process/next_tick.js:118:7)
14.在路徑platforms\android底下加一個檔案叫local.properties,並放入以下內容
sdk.dir = C:/Users/使用者/AppData/Local/Android/Sdk //使用者記得要換成自己的
15.再跑一次weex run android16.實機測試成功
17.Android Studio模擬器測試
18.至Android Studio的Tools的AVD Manager
19.Create Virtual Device
20.支援度較高的手機型號:Nexus_4_API_27
21.按下綠色三角形啟動模擬器
22.回到你的專案,下指令weex run android
23.打包完後,模擬器將出現Weex App
24.實際生產出apk檔,就跑
weex build android
沒有留言:
張貼留言