1.写在前面
最近做毕设的时候发现网络上关于ant designpro2.0版本的基础入门资料太少,我一个后端开发人员当时入门也是跌跌撞撞,现在我将我所学的分享出来,避免大家少走一些弯路。
2.开发环境
你的本地环境需要安装 node 和 git。ant desing pro框架基于 ES2015+、React、UmiJS、dva、g2 和 antd,提前了解和学习这些知识会非常有帮助。
3.参考资料
- 参考ant design pro
- 参考DvaJs
4.目录地址
- Ant Desing Pro2.0(一)项目初始化
- Ant Desing Pro2.0(二)新增页面
- Ant Desing Pro2.0(三)设置代理
- Ant Desing Pro2.0(四)与服务端交互
1.下载项目源码
从github上面下载源码,代码如下
git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project
cd my-project
下载好的项目如图
2.删除无关代码
2.1下图是删除跟开发无关的文件夹以及无关的文件后的效果
2.2删除package.json中其他无关的npm命令行
删除前
删除后,图片中有个注意事项请关注以下
3.安装依赖以及启动项目
ps:我这里采用『WebStorm』开发
1.在当前目录输入以下命令
> nmp install
> nmp start
运行后浏览器会自动打开出现如下界面
这样第一部分的项目导入就算完成了
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。