摘要：有興趣的兄臺可以了解一下來正題，什么是這里有簡介阿里巴巴開發(fā)團(tuán)隊(duì)在的成功案例上，重新設(shè)計(jì)出的一套開發(fā)模式，站在了巨人肩膀上并有淘寶團(tuán)隊(duì)項(xiàng)目做養(yǎng)料，廣受關(guān)注，年月正式開源，并在版本官方支持，與分庭抗禮。首先安裝好的開發(fā)環(huán)境。

搞了幾個(gè)月的Vuejs，也是時(shí)候開始搞搞基于Vuejs語法的Weex App了。

這里做個(gè)廣告，最近用vuejs開發(fā)了一個(gè)小系統(tǒng)（前后端分離），架構(gòu)有參考Oracle EBS，功能/職責(zé)隨便配置。有興趣的兄臺可以了解一下：https://github.com/samt007/je...

來正題，什么是Weex App？
這里有簡介：

Weex App
阿里巴巴開發(fā)團(tuán)隊(duì)在RN的成功案例上，重新設(shè)計(jì)出的一套開發(fā)模式，站在了巨人肩膀上并有淘寶團(tuán)隊(duì)項(xiàng)目做養(yǎng)料，廣受關(guān)注，2016年4月正式開源，并在v2.0版本官方支持Vue.js，與RN分庭抗禮。
優(yōu)點(diǎn)：單頁開發(fā)模式效率極高，熱更新發(fā)包體積小，并且跨平臺性更強(qiáng)
缺點(diǎn)：剛剛起步，文檔欠缺；社區(qū)沒有RN活躍，功能尚不健全，暫不適合完全使用Weex開發(fā)App
舉個(gè)栗子：淘寶、天貓、阿里云、優(yōu)酷、閑魚、餓了么等

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

好了，現(xiàn)在開始搭建開發(fā)環(huán)境吧！

這個(gè)是用筆記本新安裝一個(gè)環(huán)境（這個(gè)環(huán)境基本是空白的，只是有安裝nodejs而已），系統(tǒng)版本：Win10。大概步驟：

安裝Java開發(fā)環(huán)境，Android Studio工具等。

首先安裝好java的開發(fā)環(huán)境JDK。我用1.8版本，接著必須要全部配置好環(huán)境變量。反正最后用cmd輸入java –version和javac能識別就OK。有一點(diǎn)要說明的，修改了系統(tǒng)的環(huán)境變量，要生效的一個(gè)簡單辦法就是重啟電腦。。。當(dāng)然也有別的辦法，但是貌似都比較折騰，還是重啟簡單直接！
然后就是下載Android Studio工具。這個(gè)碰到一個(gè)小插曲，Win10直接安裝百度搜索的1.8G的版本會報(bào)錯(cuò)（報(bào)錯(cuò)是安裝軟件的完整性檢測有問題）。后來換一個(gè)版本下載就OK，建議在這里下載：http://www.android-studio.org/
上面的安裝教程可以參考這個(gè)網(wǎng)址：https://www.cnblogs.com/jlian...
安裝AS工具時(shí)間是最長的，確實(shí)麻煩，而且要下載的東西也很多，特別是Android SDK。必須要注意磁盤空間要足夠啊。
另外，安裝好之后，還要配置一下ANDROID_HOME等的環(huán)境變量哦。

接著就是安裝Weex。

基本按照官網(wǎng)的步驟安裝就行。因?yàn)槲抑鞍惭b了nodejs，這里只需要升級一下npm版本就OK啦。命令：npm i npm@latest -g
接著就是安裝weex toolkit。安裝要注意：要先執(zhí)行安裝命令，再執(zhí)行更新的命令（官網(wǎng)都有對應(yīng)命令）。
執(zhí)行更新命令的時(shí)候碰到一個(gè)問題：沒python運(yùn)行環(huán)境。所以，又馬不停蹄地下載了一個(gè)python（安裝之后還要配置好系統(tǒng)環(huán)境變量path哦。。。）
但是更新weex toolkit還是報(bào)錯(cuò)，網(wǎng)上百度了一下，原來我還是少安裝了這個(gè)東西：Windows Studio。所以，又安裝了一個(gè)Windows Studio 2013版本。（下面所說的碰到的主要問題也有提及到）。其實(shí)我有記得公司電腦是有安裝的，記憶比較深刻，當(dāng)時(shí)搞的React Native運(yùn)行環(huán)境，估計(jì)也是一樣的原因。

碰到的主要問題

首先，要用這個(gè)辦法開發(fā)手機(jī)app（就是js驅(qū)動原生界面），如果是Windows環(huán)境，必須得安裝python，而安裝python必須得安裝Windows Studio，我安裝是2013版本的，否則例如升級weex update weex-devtool@latest，會報(bào)錯(cuò)。

電腦環(huán)境變量截圖：

weex的項(xiàng)目，直接用Android Studio IDE打開：

沒問題的話，隨便在AS工具里面打包apk，就可以安裝使用啦！

安裝總結(jié)：有問題基本的解決思路是，根據(jù)錯(cuò)誤信息問度娘，一般都可以有解決辦法。你要相信，一般來說，你不會是第一個(gè)碰到該問題的人！