才接觸weex，有些坑需要踩。官方文檔寫的比較粗泛，打算在這做個(gè)記錄，方便后人。
系統(tǒng)是mac系統(tǒng)所以省去了很多配置ruby之類的操作。
基礎(chǔ)配置
參考文章：https://vczero.github.io/weex-learning/001_helloworld.html
0.安裝nodejs
1.安裝weex-toolkit
2.創(chuàng)建文件
3.編譯文件：$weex hello.we
筆記：
- 關(guān)于文件中的html，js，css與vuejs的寫法差不多，可以先去看看vuejs的文檔。
- weex中的樣式與慣用的css略有區(qū)別，例如取消了px的計(jì)量單位，其他的一些樣式屬性請看http://alibaba.github.io/weex/doc/references/common-style.html
- 運(yùn)行hello.we后在同級目錄下會生成一個(gè)文件，該文件夾就是生成的可以執(zhí)行的瀏覽器代碼，一些瀏覽器的h5特性可以在index.html中寫。
- template中必須要有一個(gè)div
原碼框架及ios環(huán)境配置
參考文章：https://vczero.github.io/weex-learning/002_modify_example.html
1.下載Weex源碼
2.ios環(huán)境搭建和創(chuàng)建項(xiàng)目
(本人沒做過安卓，目前只專攻前端和想嘗試ios，故沒體驗(yàn)安卓環(huán)境搭建，只嘗試了ios環(huán)境的搭建。)
- 環(huán)境搭建：
ios環(huán)境搭建中要求安裝cocoapods環(huán)境，直接gem install cocoapods發(fā)現(xiàn)無效，涉及到ruby源的問題，查了些資料安裝成功。
參考文章：http://www.cnblogs.com/eagley/p/5407721.html - 創(chuàng)建項(xiàng)目：
- 參考文章：http://blog.csdn.net/daiyelang/article/details/52252308
- 創(chuàng)建項(xiàng)目過程中對于cocoapods的一步
pod install一直卡在了Setting up CocoaPods master repo，查資料說明是Cocoapods在將它的信息下載到 ~/.cocoapods里；**
**cd 到該目錄里，用du -sh *命令來查看文件大小，每隔幾分鐘查看一次，這個(gè)目錄最終大小是100多M，就是完成了. - 第一次操作用pod install，如果不是第一次操作 就使用pod update ，如果安裝框架的過程中非常慢 可以使用pod install —help查詢-no-repo-update然后執(zhí)行pod install --no-repo-update
創(chuàng)建項(xiàng)目
參考文檔：https://vczero.github.io/weex-learning/003_init_project.html
這一章沒什么坑，按照步驟來就好
樣式
參考文檔：
前面說了，weex的布局參照vuejs，template里寫html代碼，script里寫js代碼（與js略有不同，請參照vuejs的用法），style里寫css，在標(biāo)簽上加上scoped可以保證css樣式只在此頁面被用。
有一些與vuejs不一樣的地方：
1.template內(nèi)部必須要有唯一的根節(jié)點(diǎn)。
2.文本不能直接寫進(jìn)標(biāo)簽內(nèi)部，必須被text或者別的標(biāo)簽包圍。這里的組件就不是單純的html標(biāo)簽了，更加豐富的含義應(yīng)該是三端一致的基礎(chǔ)組件。
3.標(biāo)簽內(nèi)的if情況與vuejs中的v-if用法相似
4.不要使用px
5.樣式支持?jǐn)?shù)據(jù)綁定，如<text style="font-size: {{fontSize}};">
深入組件參考
參考文檔：https://vczero.github.io/weex-learning/006_navigation.html
1.weex中的wxc-navpage類似于ios中的UINavigationController。使用該組件必須要安裝npm install weex-components
以上是官方的中文文檔的踩坑。后續(xù)還會繼續(xù)更新踩坑內(nèi)容以及熟悉weex框架過程。
