Ant Design快速创建React项目

前期环境: node.js,npm

node:  https://nodejs.org/en/

npm 包含在node环境中。无须另外配置

 开始》 

ps:下面的环节是说node啥的都安装配置好了。

项目使用dva-cli 搭建的。所以

打开dos窗口，

1. 安装dva-cli

执行：

npm install dva-cli -g　　

查看版本： dva -v

2. 创建新项目，例如创建一个名字叫做:myProject 的项目
dva new myProject

3. 配置antd 和 babel-plugin-import

antd:   　　　　　　　　　 npm i antd --save

babel-plugin-import: 　　npm i babel-plugin-import --save-dev

4. 修改 .roadhogrc，在 "extraBabelPlugins" 里加上：【两个都加上】

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

5. 配置完成，启动项目
npm start

最后效果：

 ps: 个人写了一个小工具(纯中文)，用于导出部分不错的项目

https://www.npmjs.com/package/maby-cli

上面的项目可以通过这个直接导入到本地测试开发

使用方法：

npm install maby-cli -g

maby list 查看所有可导出的项目模板

maby init 选择好项目后，导出项目模板，根据引导即可运行开发

 

转载于:https://www.cnblogs.com/mabylove/p/7768488.html