1.簡介

Weex 是一套簡單易用的跨平臺開發方案，能以 web 的開發體驗構建高效能、可擴充套件的 native 應用，為了做到這些，Weex 與 Vue 合作，使用 Vue 作為上層框架，並遵循 W3C 標準實現了統一的 JSEngine 和 DOM API，這樣一來，你甚至可以使用其他框架驅動 Weex，打造三端一致的 native 應用。

關於搭建weex開發環境大家可以看官網教程，很詳細，這裡就不多說了！

2.建立HelloWeex

1.通過weex init 工程名字 可以建立一個Weex專案

2.進入專案目錄，執行npm install命令安裝專案依賴，然後稍等片刻

去了個廁所，哎呦，安裝完成

3.之後看下此時的專案目錄

簡單介紹一下，dist是編譯好的js檔案，node_modules是我們執行過npm install後安裝的依賴庫，src就是我們編寫頁面的地方了，開啟看看

臥槽，這是啥，別怕，這就是HelloWeex頁面，不信？開啟看看：

果然是他，HelloWeex大哥，說了半天也沒見他長啥樣啊，別急，我們執行下weex foo.vue命令

等了好一會，自動彈出了瀏覽器頁面：

終於等到你，還好我沒放棄！

3.debug除錯單個頁面

1.執行weex debug foo.vue命令

此時同樣會彈出瀏覽器頁面：

不要緊張，就一個頁面的二維碼而已，下面去官網 下載Weex Playground App，安裝成功後，掃描上圖的二維碼，既可以進入debug除錯模式：

然後隨便改點foo.vue裡面的程式碼，點選app右上角的重新整理圖示，看看是不是看到效果了，自己去嘗試一下吧！