dva + antd 初次使用

本文档记录了初学者如何使用dva和antd搭建应用的步骤。首先通过npm安装dva-cli并创建新应用,然后启动开发服务器,接着安装antd和babel-plugin-import,配置.babelrc文件使antd样式生效,最后创建路由并展示组件。
摘要由CSDN通过智能技术生成

第一次使用dav+antd 将步骤记录下来

第一步:安装 dva-cli#

通过 npm 安装 dva-cli 并确保版本是 0.8.1 或以上。
$ npm install dva-cli -g
$ dva -v
0.8.1

第二步:创建新应用

安装完 dva-cli 之后,就可以在命令行里访问到 dva 命令。
$ dva new dva-quickstart

然后我们 cd 进入 dva-quickstart 目录,并启动开发服务器:
$ cd dva-quickstart
$ npm start

几秒钟后,你会看到以下输出:
Compiled successfully!

The app is running at:

http://localhost:8000/

Note that the development build is not optimized.
To create a production build, use npm run build.
在浏览器里打开 http://localhost:8000 ,你会看到 dva 的欢迎界面。

第三步:使用 antd

1.安装 antd 和 babel-plugin-import

方法1:通过 npm 安装

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值