如何用dva來構建你的應用


dva的github地址:

                          https://github.com/dvajs/dva-knowledgemap#%E9%80%9A%E8%BF%87-connect-%E7%BB%91%E5%AE%9A%E6%95%B0%E6%8D%AE

 

 

用dva來構建一個簡單應用:

                           http://www.tuicool.com/articles/mQbimiY

 

安裝 dva-cli

你應該會更希望關注邏輯本身,而不是手動敲入一行行代碼來構建初始的項目結構,以及配置開發環境。

那么,首先需要安裝的是 dva-cli 。dva-cli 是 dva 的命令行工具,包含 init、new、generate 等功能,目前最重要的功能是可以快速生成項目以及你所需要的代碼片段。

$ npm install -g dva-cli

安裝完成后,可以通過 dva -v 查看版本,以及 dva -h 查看幫助信息。

創建新應用

安裝完 dva-cli 后,我們用他來創建一個新應用,取名 myApp

$ dva new myApp --demo

注意: --demo 用於創建簡單的 demo 級項目,正常項目初始化不加要這個參數。

然后進入項目目錄,並啟動。

$ cd myApp
$ npm start

幾秒之后,會看到這樣的輸出:

proxy: listened on 8989 livereload: listening on 35729 :package: 173/173 build modules webpack: bundle build is now finished.


import dva, { connect } from 'dva'; // 1. Create app const app = dva(); // 2. Add plugins (optionally) app.use(plugin); // 3. Register models app.model(model); // 4. Connect components and models const App = connect(mapStateToProps)(Component); // 5. Config router with Components app.router(routes); // 6. Start app app.start('#root');
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM