前提
掌握 .html, css，js
嗯，就這點要求
目的
1. 從新建項目，新建文件 開始，測試一個最基本的 weex展示
2. 完成最基本展示後，實現一個更復雜一點的應用。並瞭解使用weex製作app的優缺點
3. 實現更復雜一點的應用後，打包成android和ios安裝包。並熟悉一個完整的weex項目從0到1整個流程。
起飛
開發環境
1 安裝java JDK。
根據你的電腦類型選擇安裝，由於我的電腦是window 64位 所以選擇圖中紅框。
配置java 環境變量，請自行百度，安裝成功以 cmd中能夠正確執行 java 和 javac爲準
2 安裝android JDK. 地址https://developer.android.com/studio/index.html。
下載安裝後，裏面包含一個開發andorid應用的編輯器，和andorid JDK .這個JDK是我們需要的，配置andorid JDK環境變量，自行百度，原理與配置java JDK一模一樣。
配置開發工具
我使用webstorm開發，以此爲例
安裝插件，file–>setting–>輸入plugin–>右側輸入weex–>安裝–>重啓
寫出一個第一個weex展示案例
新建一個空項目,weex-kong
file—>new–>project–>empty project
然後新建一個weex文件,home.we
file—>new–>weex file
<template>
<div class="container" >
<div class="cell">
<image class="thumb" src="http://t.cn/RGE3AJt"></image>
<text class="title">hello weex</text>
</div>
</div>
</template>
<script>
module.exports = {
data: {
rows:[]
}
}
</script>
<style>
</style>
開始運行，運行需要在手機上安裝weex專用playground 地址：https://weex-project.io/cn/playground.html
下載安裝，後，在電腦cmd中 進入剛纔新建項目的目錄，執行weex home.we
使用手機掃描瀏覽器中的二維碼，選擇使用weex（其實就是playground ）打開，這就是效果。
嘗試改變電腦端頁面代碼，查看手機上展示，沒錯 會自動刷新，PC與手機神奇的鏈接在一起了。