因爲之前對網頁前端有些許瞭解，想趁此機會將前端相關的知識都學一學，所以和朋友一起想要參加銀聯小程序開發大賽，也因此這兩天接觸了Weex框架以及學習Vue.js，只想說Weex感覺處處是坑，朋友說某乎上也是一片罵聲，最後看到阿里自己都不用Weex，我就笑了。先吐槽兩句：
1. 銀聯網頁教程與所給文檔教程兩者根本對不上，該有的都木有，要用的腳架包都是很早之前的，教程安裝是行不通的，你只會得到一個404的錯誤，因爲根本找不到網頁=_=
2. Weex是Vue的子集，也就是有些Vue能用的Weex拒絕，你強任你強，老子不讓用，你說你氣不氣
此係列是藉由Weex學習Vue.js，後續會有Vue.js學習歷程。
1.安裝以及環境配置
1.先說下Weex安裝與配置
第一步：安裝配置Node.js，這個官網下載即可，主要是要用npm下載包。（記得將Node.js設置到系統環境變量中）
第二步命令行將npm下載源改爲國內源，下載速度會快一點。
npm config set registry https://registry.npm.taobao.org
第三步
npm install weex-toolkit
然後你可能會看到一大堆npm warn 忽略掉他，沒有任何影響。
好的，到這裏以後都不會有啥問題。
下載結束以後直接命令行繼續輸入
weex -v
這樣就安裝成功了。
千萬不要像銀聯的網頁文檔一樣，什麼cnpm掛載到私有庫，別問，問就掛不上，問就 404 Not Found。
那麼接下來就是最常見的Hello World了。
2.IDE選擇
博主用的是VScode，相對來說建立項目之後好操作一些。
3.Weex的playground
Weex的playground是Weex推出的在手機端顯示界面的軟件。此處有一坑，與大家提醒分享一下。後面說到展示再提。
2.項目新建立
1.項目建立
命令行輸入以下命令進行項目建立
weex create HelloWorld
圖中，ESLint是要從github上下載一些文件，過程會很慢，所以直接pass掉就好，過程選項大致如上（此處感謝朋友的提醒）
同上，忽略它的WARN·······沒有影響。
2.安裝依賴庫
創建完成，進入到該項目根目錄下，在第一次運行之前進行依賴庫與組件的安裝，用以下命令
npm install
此後不用再該項目就不用再次npm install了。
3.運行
結束後就可以開始命令行運行了。（此處有坑！！！）
npm start
項目結構大致如下圖（有部分是博主自己添加的）
到此環境配置以及項目就建立好並且能夠運行即成功。
運行後會彈出一個頁面如下（博主有所修改）：
右側有一個二維碼可以用Weex的手機端playground進行掃碼手機端顯示。（此處有坑！！）
第一個坑：
到運行的時候，出錯的地方來了，因爲npm start運行之後，系統會開始監聽默認或者自己設置的端口，如上圖爲8081。
報錯如下：
這個報錯的意思是告訴你 8080端口被佔用了。
脫坑操作如下：
這樣命令行輸入，查詢8080端口有什麼被哪些進程佔用。
netstat -ano|findstr 端口號
效果如下：
找到之後，直接“殺死”進程
taskkill /f /t /im 進程號
第二個坑：
掃碼要求必須，手機與電腦處於同一無線局域網絡下，即IP地址一樣（我的理解），但是有時候總是會出現掃碼不成功，出現network error的界面。
脫坑操作：
原因借鑑此博客即可：https://blog.csdn.net/baidu_20758317/article/details/81007077
主要就是因爲電腦端安裝了虛擬機之類的，會導致Weex找到的IP地址不是真正的IP地址，於是手機與電腦並不處於同一個無線網下造成network error。
到此，關於安裝以及建立項目上我遇到的坑以及解決辦法就描述如上 ，後續會時不時更新一下博客，不過寫Weex的博客，應該不會太多人關注吧·······