dva 学习笔记

安装 dva-cli

npm install dva-cli -g
dva -v

备注:dva-cli版本要在0.9.0以上

创建新应用

dva new dva-quickstart
备注:创建 dva-quickstart 目录,包含项目初始化目录和文件,并提供开发服务器、构建脚本、数据 mock 服务、代理服务器等功能。
cd dva-quickstart
npm start

在浏览器中http://localhost:8000/即可看到dva欢迎界面;

使用antd

通过 npm 安装 antd 和 babel-plugin-import 。babel-plugin-import 是用来按需加载 antd 的脚本和样式的
npm install antd babel-plugin-import --save

编辑.webpackrc,使babel-plugin-import 插件生效

{
"extraBabelPlugins:"[
["import",{"libraryName":"antd","libraryDirrectory","es","style","css"}]
]
}

定义路由

新建routes/Products.js

import React from 'react';
const Products = (props) =>(
<h2>LIst of Products</h2>
);
export default Products;
添加路由信息到路由表,编辑router.js

import Products from './routes/Products';
<Route path="/products" exact component={Products} />
然后在浏览器里打开 http://localhost:8000/#/products ,你应该能看到前面定义的 <h2> 标签。

陋室铭
【作者】刘禹锡 【朝代】唐
山不在高,有仙则名。水不在深,有龙则灵。斯是陋室,惟吾德馨。苔痕上阶绿,草色入帘青。谈笑有鸿儒,往来无白丁。可以调素琴,阅金经。无丝竹之乱耳,无案牍之劳形。南阳诸葛庐,西蜀子云亭。孔子云:何陋之有?

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复