摘要:系列文章之環境搭建和一步一起從前端視角聊一聊如果你只想試試的語法寫個啥的,在線編輯器上玩玩就夠了。如果你想更深入的學習,顯然是需要搭建本地開發環境的。腳手架讓我們更專注于業務代碼,節約開發環境構建成本,提供一定的靈活。
WEEX系列文章之環境搭建
和一步一起從前端視角聊一聊WEEX
如果你只想試試 weex 的語法寫個 hello world 啥的, 在dotWe線編輯器上玩玩就夠了。如果你想更深入的學習, 顯然是需要搭建本地開發環境的。
本小結內容:安裝官方腳手架weex-toolkit、下載Weex Playground、解決瀏覽器跨域問題。
腳手架讓我們更專注于業務代碼,節約開發環境構建成本,提供一定的靈活。同時呢,在能力沒達到一定的水平時候,不建議去亂搞這些東西。但,像webpack這種工具還是需要學習和掌握的。 weex-toolkit對于weex,就相當于create-react-app對react,vue-cli對于vue的地位。
安裝 weex-toolkit 的前置條件是安裝node > 6。執行npm install -g weex-toolkit有好多網友不推薦大家使用 cnpm 安裝說是有坑,大家視情況而定
順利的話,使用weex -v檢測安裝是否成功。
創建一個 weex 項目weex create weex-demo
npm install
一切順利的話,再執行 npm start 看看效果。
如果你已經看到了 hello world,那么恭喜你,你已經掌握了weex 50%的知識。
Weex Playground既然學習的是原生開發,我們怎能甘心只在瀏覽器上看效果,但是身為一個 FE 又不太會搞 Android Studio 和 Xcode這些原生的東西,weex 工程師足夠給力為我們提供了Playground下載應用然后掃一掃屏幕上的二維碼,就是真的原生應用了。這個 playground的原理,可以回顧一下上篇文章中weex原理圖。只不過是咱們個人開發機在充當 Server 的角色而已。
使用playground條件 手機和開發機處于同一網段?
一個完整的項目怎能少了網絡請求。在瀏覽器上調試的時候,很可能會遇到跨域的問題,前端可以通過 webpack-dev-server轉發一下請求,后端服務是不會出現跨域屏蔽的,跨域只是瀏覽器的一種保護機制,但是感覺還是有些麻煩,既然是瀏覽器限制,只要打破限制就可以了。在這里推薦大家使用chrome插件Allow-Control-Allow-Origin: *
準備好上述三個環境后,我們就可以正式進入 weex 的學習之旅了。
我的第一個weex demo
歡迎大家指正批評、或留言。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/89869.html
摘要:通過使用有限的類標簽閹割的及基于語法來快速構建原生應用。高性能本身對加載時間和資源占用進行了優化。站在巨人的肩膀上,我們也很容易開發出高性能的。我們可以把部署到服務器上實現熱更新。引擎運行這些實現與線程通信,達到和原生應用相同的體驗效果。 和一步一起從前端視角聊一聊WEEX WEEX是一套構建高性能、可擴展的原生應用跨平臺解決方案。就一個字吊。 通過使用有限的類HTML標簽、閹割的CS...
摘要:有興趣的兄臺可以了解一下來正題,什么是這里有簡介阿里巴巴開發團隊在的成功案例上,重新設計出的一套開發模式,站在了巨人肩膀上并有淘寶團隊項目做養料,廣受關注,年月正式開源,并在版本官方支持,與分庭抗禮。首先安裝好的開發環境。 搞了幾個月的Vuejs,也是時候開始搞搞基于Vuejs語法的Weex App了。 這里做個廣告,最近用vuejs開發了一個小系統(前后端分離),架構有參考Oracl...
摘要:要想用好必須對基礎,體系,打包工具有較深的了解對,有了解。官方提供的腳手架不能指定入口文件,如果我們想要在項目中使用,沒有入口文件將會變得比較復雜。那么,我們應該如何使得當前項目具有入口文件呢答案是只能修改文件。 寫在前面的話: 注意!該文檔是2017年年底的文章,那個時候weex還有很多問題,現在weex已經全面更新,文檔也比較全。下面的講解可能不太適應新的weex框架,后面我會再立...
閱讀 2014·2021-08-21 14:09
閱讀 481·2019-08-30 15:44
閱讀 2106·2019-08-29 16:32
閱讀 1370·2019-08-29 15:36
閱讀 3433·2019-08-29 12:43
閱讀 2776·2019-08-29 11:14
閱讀 429·2019-08-28 18:26
閱讀 2246·2019-08-26 13:57