weex是阿里巴巴開源家族的最新成員,旨在三端統一。安裝過程依賴node npm,本文檔重點記錄本人安裝過程中的報錯和解決方案,假定你略懂node。使用npm install 安裝時,建議切換淘寶源cnpm。
weex的安裝部署(weex toolkit)
安裝按照一般教程來即可:sudo cnpm install weex-toolskit??梢酝戆惭bweex-components。mac下的安裝過程一般比較順利,brew install即可。在Linux上安裝偶爾會出現問題。
問題1 weex-toolkit安裝后執行weex -v命令可查看weex的版本號,但執行weex的時候報錯?
主要原因是部分依賴安裝失敗,此時就算sudo提高用戶權限,仍然無法解決問題。解決方案:chmod 777 node_modules。
問題2 在執行weex debug過程中,提示vue和vue-compiler-loader版本不匹配,
解決方案:
weex xbind repair toolkit-repair
weex repair
主要原因是存在主要是在檢測weex各依賴項是否存在沖突,如果存在代碼沖突,一般能解決問題。切記,這里我先后嘗試重裝依賴,切源重裝,各種折騰,都不行。
weex的調試
weex的debug需要安裝weex-devtool-extension工具,安裝完畢,加載到谷歌瀏覽器上,
單純想調試weex代碼,了解官方實例demo,可以直接運行weex debug指令,在瀏覽器端進行斷點操作,就可以直接在手機端進行相關官方事例demo的調試工作。 對于自己編寫的代碼,執行weex debug xx.we,假定一切正常,會自動調出瀏覽器(在此之前,可以使用weex命令查看頁面效果)。利用手機端weexplayground軟件,掃左側碼。瀏覽器自動跳出debug頁面,繼續掃右邊二維碼,執行調試的weex就手機端顯示,注意這不是H5頁面,是實實在在的手機native界面,此時更改debug的代碼,手機端自動刷新。