Weex簡介

Weex 是阿里前端技術團隊開源額一套跨平臺開發方案，能以web的開發體驗構建高性能、可擴展的 native 應用，Weex 的頁面表示層使用 Vue ，并遵循 W3C 標準實現了統一的 JSEngine 和 DOM API，Weex和React Native一樣是當前流行的跨平臺開發框架。Weex的官方地址為：https://weex.apache.org/。Weex最簡單的方法是使用 Playground App 和在 dotWe 編寫一個 Hello World 的例子，你甚至不需要安裝任何的開發環境或編寫native代碼即可開始一個Weex程序。

環境搭建

開發Weex程序之前，需要先搭建好相關的開發環境，為了同時開發Android和iOS跨平臺應用，你需要一臺Mac電腦，然后安裝一些必要的軟件。

Homebrew

Homebrew是Mac系統的包管理器，用于安裝NodeJS和一些其他必需的工具軟件。安裝命令如下：

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

需要注意的是，在Max OS X 10.11以上版本中，homebrew在安裝軟件時可能會碰到/usr/loca目錄不可寫的權限問題，需要以管理員權限運行。

Node

Weex目前需要NodeJS 6.0或更高版本，Homebrew默認安裝的是最新版本，一般都滿足要求。

brew install node

安裝完node后建議設置npm鏡像以加速后面的項目構建過程。注意：不要使用cnpm！cnpm安裝的模塊路徑比較奇怪，packager不能正常識別！相關的命令如下：

npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global

Xcode

要支持 iOS 平臺則需要配置 iOS 開發環境，而iOS開發工具使用的是Xcode，除此之外，還需要安裝cocoaPods工具。

Android Studio

Android Studio是Android應用程序的開發工具，需要注意的是運行Weex的Android build-tool的版本需要高于23.0.2。

weex-toolkit

weex-toolkit 是官方提供的一個腳手架命令行工具，可以使用它進行 Weex 項目的創建，調試以及打包等功能。安裝weex-toolkit的命令如下：

npm install -g weex-toolkit

weexpack

weexpack 是新一代的weex應用工程和插件工程開發套件，是基于weex快速搭建應用原型的利器。可以創建weex應用工程和插件工程，快速打包 weex 應用并安裝到手機運行，還可以創建weex插件模版并發布插件到weex應用市場， 使用weexpack 能夠方便的在在weex工程和native工程中安裝插件。安裝weexpack的命令如下：

npm install -g weexpack

工程創建

使用如下的命令創建項目：

weexpack create appName

創建后，Weex的工程的目錄結構如下：

.md ├── android.config.json ├── config.xml ├── hooks │  └── README.md ├── ios.config.json ├── package.json ├── platforms // 平臺模版目錄 ├── plugins // 插件下載目錄 │  └── README.md ├── src // 業務代碼（we文件）目錄│  └── index.we ├── start ├── start.bat ├── tools │  └── webpack.config.plugin.js ├── web │  ├── index.html │  ├── index.js │  └── js │  └── init.js └── webpack.config.js