weex開發環境配置

Shania發表於2018-04-25
開發環境
windows系統建議升級到win10，win8也可以。win7下安裝由於許可權的原因，可能會失敗

基本開發配置

  1. 安裝node，以便使用npm包管理工具。去官網下載安裝即可
  2. 安裝webpacknpm install webpack -g
  3. npm install -g weex-toolkit 安裝weex-toolkit，這是官方提供的腳手架命令列工具，你可以使用它進行 Weex 專案的建立，除錯以及打包等功能。命令介紹  安裝的時候建議在管理員許可權下安裝，也許用npm安裝失敗依然提示無許可權，用cnpm安裝成功了，我也不知道什麼原因。。。
  4. 安裝git git-scm.com
  5. 手機上安裝Weex Playground App，便於真機除錯，主要用於除錯頁面UI及基本互動。與weex debug 配合使用。

真機執行 Android專案需配置的環境

  • 安裝Java JDK
  • 安裝Android studio 最好關閉防毒軟體or360衛士這樣的軟體，注意複製sdk的安裝路徑，如沒有注意安裝好後 Android studio中的 Project Structure中可找到sdk的安裝路徑weex開發環境配置


  • 安裝SDK | adb
  • 配置 SDK環境變數 ANDROID_HOME 配置方法
執行Android專案的相關命令
  1. weex platform add android   //新增Android平臺專案模板  
  2. weex run android   //真實裝置上啟動應用 (此時windows電腦需與Android手機連結，啟用USB除錯) 
  3.  weex build android //用於將專案打包成apk

真機執行 IOS專案需配置的環境

還未測試過，需要用到mac電腦
  • 安裝XCode



相關文章