weex和vue開發環境配置詳解(配置系統變量等等)

本文詳細講解如何搭建weex和vue開發環境

1. 安裝java

   現在java安裝包，網上的安裝包都是國外的，很難下載下來
   就用這個鏈接下載，親測無毒，http://www.wmzhe.com/soft-30118.html
   現在完成之后直接全部下一步，不要動配置，然后配置環境變量
   用戶變量
       變量名：JAVA_HOME，值：C:\Program Files\Java\jdk1.8.0_131
   系統變量
       變量名：path，值：%JAVA_HOME%\bin;
       變量名：CLASSPATH，值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
   cmd測試
       輸入 javac 回車
   

2. 安裝android studio

   這東西反正很好用，就是有點耗內存，使用方式這里不介紹了，只做環境配置
   下載地址，https://dl.google.com/dl/android/studio/install/2.3.3.0/android-studio-bundle-162.4069837-windows.exe
   傻瓜式安裝，安裝好之后，配置環境變量
   注意安裝過程中，要記錄下你的sdk安裝路徑，因為配置系統變量要用到sdk下面的platform-tools和tools的路徑
   用戶變量
       變量名：ANDROID_HOME 變量值： E:\andriod\sdk
   系統變量
       變量名：path 變量值：;E:\andriod\sdk\platform-tools;E:\andriod\sdk\tools;
   注意
       配置完成之后，打開android studio進入sdk manager
       之后切換到 sdk tools 選中下載 android sdk build-tools 中的23.0.2這個版本
   

3. 安裝weex toolkit

   npm install weex-toolkit -g
   weex create my-firstapp
   cd my-firstapp
   npm install
   weex platform add android
   weex run android
   運行以上命令，不出意外的話，已經將官方demo打包成apk了
   apk的位置在
       my-firstapp\platforms\android\app\build\outputs\apk
   這個就可以直接運行在手機上面了
   小提示
       如果上面的步驟存在提示，說找不到android設備，請把手機用usb插在電腦上，然后開啟usb調試功能即可
   

4. 使用android studio運行app

   如果開發過程中每次想上面那樣打包再安裝是很麻煩，可以使用android studio的虛擬機
   將你的weex項目導入到android studio中來
   怎么導？看清楚了啊
       my-firstapp\platforms\android\app將這個文件夾導入到android studio中來
       途中android studio控制台可能會報錯，雙擊錯誤，等待安裝，完事兒了
   然后點擊AVD manager，選中一個設備，然后回來，點擊執行按鈕，就可以打開虛擬機了
   

5. 備注

   如果有錯誤無法解決的歡迎留言，我絕對秒回