weexpack打包weex項目運行/打包記錄

構建weex項目

1. 安裝weex-toolkit cnpm install -g weex-toolkit
2. 初始化一個項目只需新建文件夾並在目錄下執行 weex init 即可
3. 安裝依賴：cnpm install
4. 編譯項目：npm run dev
5. 啟動服務器：npm run serve //可以修改package.json的端口號來改變監聽端口
6. 可以執行的命令一覽
   

使用weexpack打包weex項目

各種百度 ‘weex打包’ ‘如何打包weex apk’ ‘weex 發布 apk’ 未果
最后在這里看到了這玩意T_T

weexpack 介紹 更多詳情見Github

weexpack 是 weex 新一代的工程開發套件，是基於weex快速搭建應用原型的利器。它能夠幫助開發者通過命令行創建weex工程，添加相應平台的weex app模版，並基於模版從本地、GitHub 或者 weex 應用市場安裝插件，快速打包 weex 應用並安裝到手機運行，對於具有分享精神的開發者而言還能夠創建weex插件模版並發布插件到weex應用市場。

開始我的安裝

0. 安裝Android需要的環境：android環境折騰可參考windows下react-native環境搭建

1. 安裝weexpack：項目地址
   cnpm install -g weexpack

2. 初始化一個weexpack程序：
   weexpack init dsb-weexpack

3. 還原依賴：
   cnpm install

4. 如果沒有安裝android SDK的好需要去安裝sdk，安裝好了就添加平台到項目：weexpack platform add android
   

5. 修改gradle-wrapper.properties文件gradle下載地址distributionUrl值為：distributionUrl=file:///F:/gradle-2.14.1-all.zip

6. 打包編譯：
   weexpack build android

7. 苦等ing......

8. 兩天過去了，於3月1日清晨成功下載完畢，且沒有掛vpn~
   生成文件如圖所示
   

9. 在夜神模擬器運行：首先使用adb連接到夜神模擬器adb connect 127.0.0.1:62001,再執行weexpack run android即可在模擬器中運行
   

參考

https://github.com/weexteam/weex-pack
https://github.com/vczero/weex-learning
https://github.com/apache/incubator-weex