折騰Weex+Android App開發運行環境搭建手記

搞了幾個月的Vuejs，也是時候開始搞搞基於Vuejs語法的Weex App了。

這裏作個廣告，最近用vuejs開發了一個小系統（先後端分離），架構有參考Oracle EBS，功能/職責隨便配置。有興趣的兄臺能夠了解一下：https://github.com/samt007/je...

來正題，什麼是Weex App？
這裏有簡介：

Weex App
阿里巴巴開發團隊在RN的成功案例上，從新設計出的一套開發模式，站在了巨人肩膀上並有淘寶團隊項目作養料，廣受關注，2016年4月正式開源，並在v2.0版本官方支持Vue.js，與RN平起平坐。

優勢：單頁開發模式效率極高，熱更新發包體積小，而且跨平臺性更強
缺點：剛剛起步，文檔欠缺；社區沒有RN活躍，功能尚不健全，暫不適合徹底使用Weex開發App
舉個栗子：淘寶、天貓、阿里雲、優酷、閒魚、餓了麼等

推薦看的文章：https://segmentfault.com/a/11...
Weex淘寶官方主頁：https://weex-project.io/cn/

好了，如今開始搭建開發環境吧！

這個是用筆記本新安裝一個環境（這個環境基本是空白的，只是有安裝nodejs而已），系統版本：Win10。大概步驟：

1. 安裝Java開發環境，Android Studio工具等。

首先安裝好java的開發環境JDK。我用1.8版本，接着必需要所有配置好環境變量。反正最後用cmd輸入java –version和javac能識別就OK。有一點要說明的，修改了系統的環境變量，要生效的一個簡單辦法就是重啓電腦。。。固然也有別的辦法，可是貌似都比較折騰，仍是重啓簡單直接！
而後就是下載Android Studio工具。這個碰到一個小插曲，Win10直接安裝百度搜索的1.8G的版本會報錯（報錯是安裝軟件的完整性檢測有問題）。後來換一個版本下載就OK，建議在這裏下載：http://www.android-studio.org/
上面的安裝教程能夠參考這個網址：https://www.cnblogs.com/jlian...
安裝AS工具時間是最長的，確實麻煩，並且要下載的東西也不少，特別是Android SDK。必需要注意磁盤空間要足夠啊。
另外，安裝好以後，還要配置一下ANDROID_HOME等的環境變量哦。

1. 接着就是安裝Weex。

基本按照官網的步驟安裝就行。由於我以前安裝了nodejs，這裏只須要升級一下npm版本就OK啦。命令：npm i npm@latest -g
接着就是安裝weex toolkit。安裝要注意：要先執行安裝命令，再執行更新的命令（官網都有對應命令）。
執行更新命令的時候碰到一個問題：沒python運行環境。因此，又快馬加鞭地下載了一個python（安裝以後還要配置好系統環境變量path哦。。。）
可是更新weex toolkit仍是報錯，網上百度了一下，原來我仍是少安裝了這個東西：Windows Studio。因此，又安裝了一個Windows Studio 2013版本。（下面所說的碰到的主要問題也有說起到）。其實我有記得公司電腦是有安裝的，記憶比較深入，當時搞的React Native運行環境，估計也是同樣的緣由。

1. 碰到的主要問題

首先，要用這個辦法開發手機app（就是js驅動原生界面），若是是Windows環境，必須得安裝python，而安裝python必須得安裝Windows Studio，我安裝是2013版本的，不然例如升級weex update weex-devtool@latest，會報錯。

電腦環境變量截圖：

weex的項目，直接用Android Studio IDE打開：

沒問題的話，隨便在AS工具裏面打包apk，就能夠安裝使用啦！

安裝總結：有問題基本的解決思路是，根據錯誤信息問度娘，通常均可以有解決辦法。你要相信，通常來講，你不會是第一個碰到該問題的人！