4

1.写在前面

最近做毕设的时候发现网络上关于ant designpro2.0版本的基础入门资料太少,我一个后端开发人员当时入门也是跌跌撞撞,现在我将我所学的分享出来,避免大家少走一些弯路。

2.开发环境

你的本地环境需要安装 node 和 git。ant desing pro框架基于 ES2015+、React、UmiJS、dva、g2 和 antd,提前了解和学习这些知识会非常有帮助。

3.参考资料

  1. 参考ant design pro
  2. 参考DvaJs

4.目录地址

  1. Ant Desing Pro2.0(一)项目初始化
  2. Ant Desing Pro2.0(二)新增页面
  3. Ant Desing Pro2.0(三)设置代理
  4. Ant Desing Pro2.0(四)与服务端交互

1.下载项目源码

从github上面下载源码,代码如下


git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project
cd my-project

下载好的项目如图
clipboard.png

2.删除无关代码

2.1下图是删除跟开发无关的文件夹以及无关的文件后的效果

clipboard.png

2.2删除package.json中其他无关的npm命令行

删除前

clipboard.png
删除后,图片中有个注意事项请关注以下

clipboard.png

3.安装依赖以及启动项目

ps:我这里采用『WebStorm』开发
1.在当前目录输入以下命令

> nmp install

clipboard.png

> nmp start


运行后浏览器会自动打开出现如下界面

clipboard.png

这样第一部分的项目导入就算完成了


一轮红日
44 声望5 粉丝

哈哈