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 -v2. 创建新项目，例如创建一个名字叫做:myProject 的项目dva new myProject3. 配置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 -gmaby list 查看所有可导出的项目模板maby init 选择好项目后，导出项目模板，根据引导即可运行开发

 

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

相关资源：react-antdesign组件库实时可视化编辑器实时生成react代码