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

下载好的项目如图

2.删除无关代码

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

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

删除前


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

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

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

> nmp install

> nmp start


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

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

Ant Desing Pro2.0(一)项目初始化相关推荐

  1. Premiere Pro2.0用DebugMode2.3搭桥小日本4.0输出图解

    看图说话,不懂的多试试看 首先明确几点: 1.3个软件:Premiere Pro2.0.DebugMode(帧服务器).小日本(TMPGEnc 4.0 XPress) 2.渲染过程是在小日本中完成,与 ...

  2. Ant Design 4.0 进行时!

    引言 Ant Design 于 17 年 12 月发布 3.0 以来,已经经历了 16 个月的时间.在此期间,我们修复了海量 Bug.以及增加大量新功能(更新日志).提交了 4289 个 commit ...

  3. Ant Design 3.0 使用案例

    代码地址如下: http://www.demodashi.com/demo/12309.html 本文适合对象 有过React使用经验. 有过webpack使用经验. 了解node. DEMO使用方式 ...

  4. Swoole 自定义项目初始化事件处理的实现

    为什么80%的码农都做不了架构师?>>>    最近使用基于 Swoole 开发的 imi 框架 开发项目,碰到一个需求,就是想要做项目初始化处理.当初始化处理完成前,不想让 Swo ...

  5. 手把手0基础项目实战(一)——教你搭建一套可自动化构建的微服务框架(SpringBoot+Dubbo+Docker+Jenkins)...

    本文你将学到什么? 本文将以原理+实战的方式,首先对"微服务"相关的概念进行知识点扫盲,然后开始手把手教你搭建这一整套的微服务系统. 项目完整源码下载 https://github ...

  6. Java从零打造企业级电商项目实战 项目初始化

    1.项目初始化 1.1 新建maven项目 (1)new project -> maven -> maven-archetype-webapp project name:mmall pro ...

  7. 项目初始化报 404 Not Found - GET https://registry.npmjs.org(转)

    转自:项目初始化报 404 Not Found - GET https://registry.npmjs.org npm install报 404 Not Found - GET https://re ...

  8. Java-springboot生鲜电商项目(一)数据设计与项目初始化

    项目初始化 该板块的开发流程: 新建项目 整合mybatis-generator,自动生成数据库相关文件 打通数据库链路 配置log4j2日志 使用AOP统一处理web请求日志 (一)新建spring ...

  9. Node.js 从零开发web server博客项目--项目初始化

    本篇博客记录了<Node.js 从零开发web server博客项目>的原生开发系列内容. 开篇主要介绍原生项目的搭建,以及初步的项目结构设计. 一.项目初始化 新建项目目录,并进入到项目 ...

最新文章

  1. php es6写法,ES6...扩展运算符(示例代码)
  2. MySQL exists的用法介绍
  3. 设计模式之- 外观模式(Facade Pattern)
  4. 圣三一学院计算机专业,360教育集团:爱尔兰都柏林大学圣三一学院计算机专业...
  5. 28 POSIX Threads
  6. 算数运算符与关系运算符_【Flutter 110】Flutter手把手教程Dart语言——运算符
  7. 深度学习入门:一句话告诉你什么是神经网络(CNN,RNN,DNN)
  8. C# datagridview列绑定类中类的属性
  9. MyBatis3整合Spring3、SpringMVC3
  10. 解决在IE浏览器中JQuery.resize()执行多次的方法(转)
  11. html 弹出播放器,jQuery点击弹出视频播放器代码
  12. Codeforces 853 A. Planning
  13. 如何在面试中介绍自己的项目经验
  14. Leetcode——237. 删除链表中的节点(Java)
  15. drools 6.5 决策表使用
  16. 安卓中关于图片的类型
  17. 为你精选 · 地产行业数字化转型攻略
  18. tiledmap 图块属性_Tiled Editor 图块的两种导入方式
  19. poi导入数据工具类,直接复制使用,有详细注释
  20. react脚手架创建项目报错,ReactDOM.render is no longer supported in React 18.

热门文章

  1. 非常不错的Coding-iOS开源项目
  2. 【leetcode】Merge Sorted Array
  3. iphone4 Safari实现滚动条功能
  4. 看到小童鞋s茁壮成长
  5. loadrunner-4-4事务摘要分析
  6. 1.4. 为现有的应用程序添加 Core Data 支持(Core Data 应用程序实践指南)
  7. 增强SEO的div+css命名规则
  8. 【Win10技巧】如何设置win10资源管理器打开为“这台电脑”?
  9. Script To Monitor RDBMS Session UGA and PGA Current And Maximum Usage Over Time
  10. 项目经理的第二手准备-坚强的挺着(4)