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');