react前端框架dva(一)
阿新 • • 發佈:2019-01-02
react前端框架dva
最近正在看dva框架,發現這是一個很好應用於react的框架。
眾所周知,react的學習成本是較高的,而antd推出的這款框架,大大的降低了react的學習成本。dva簡化了 react-redux 的部署的檔案複雜度。使其清晰易懂。相信熟悉redux 的人,並不需要了解太多知識就能很快的上手。
Dva的安裝
首先需要安裝的是 dva-cli 。dva-cli 是 dva 的命令列工具,包含 init、new、generate 等功能,目前最重要的功能是可以快速生成專案以及你所需要的程式碼片段。
npm install -g dva-cli
安裝完成後,可以通過 dva -v 檢視版本,以及 dva -h 檢視幫助資訊。
建立新應用
安裝完 dva-cli 後,我們用他來建立一個新應用,取名 myDome 。
dva new myDome –demo
注意: –demo 用於建立簡單的 demo 級專案,正常專案初始化不加要這個引數。
然後進入專案目錄,並啟動。
cd myDome
npm start
幾秒之後,會看到這樣的輸出:
proxy: listened on 8989 livereload: listening on 35729 :package: 173/173 build modules webpack: bundle build is now finished.
(如需關閉 server,請按 Ctrl-C.)
在瀏覽器裡開啟 http://localhost:8989/ ,正常情況下,你會看到一個 “Hello Dva” 頁面。