Ant Desing Pro2.0(一)项目初始化
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
运行后浏览器会自动打开出现如下界面
这样第一部分的项目导入就算完成了
Ant Desing Pro2.0(一)项目初始化相关推荐
- Premiere Pro2.0用DebugMode2.3搭桥小日本4.0输出图解
看图说话,不懂的多试试看 首先明确几点: 1.3个软件:Premiere Pro2.0.DebugMode(帧服务器).小日本(TMPGEnc 4.0 XPress) 2.渲染过程是在小日本中完成,与 ...
- Ant Design 4.0 进行时!
引言 Ant Design 于 17 年 12 月发布 3.0 以来,已经经历了 16 个月的时间.在此期间,我们修复了海量 Bug.以及增加大量新功能(更新日志).提交了 4289 个 commit ...
- Ant Design 3.0 使用案例
代码地址如下: http://www.demodashi.com/demo/12309.html 本文适合对象 有过React使用经验. 有过webpack使用经验. 了解node. DEMO使用方式 ...
- Swoole 自定义项目初始化事件处理的实现
为什么80%的码农都做不了架构师?>>> 最近使用基于 Swoole 开发的 imi 框架 开发项目,碰到一个需求,就是想要做项目初始化处理.当初始化处理完成前,不想让 Swo ...
- 手把手0基础项目实战(一)——教你搭建一套可自动化构建的微服务框架(SpringBoot+Dubbo+Docker+Jenkins)...
本文你将学到什么? 本文将以原理+实战的方式,首先对"微服务"相关的概念进行知识点扫盲,然后开始手把手教你搭建这一整套的微服务系统. 项目完整源码下载 https://github ...
- Java从零打造企业级电商项目实战 项目初始化
1.项目初始化 1.1 新建maven项目 (1)new project -> maven -> maven-archetype-webapp project name:mmall pro ...
- 项目初始化报 404 Not Found - GET https://registry.npmjs.org(转)
转自:项目初始化报 404 Not Found - GET https://registry.npmjs.org npm install报 404 Not Found - GET https://re ...
- Java-springboot生鲜电商项目(一)数据设计与项目初始化
项目初始化 该板块的开发流程: 新建项目 整合mybatis-generator,自动生成数据库相关文件 打通数据库链路 配置log4j2日志 使用AOP统一处理web请求日志 (一)新建spring ...
- Node.js 从零开发web server博客项目--项目初始化
本篇博客记录了<Node.js 从零开发web server博客项目>的原生开发系列内容. 开篇主要介绍原生项目的搭建,以及初步的项目结构设计. 一.项目初始化 新建项目目录,并进入到项目 ...
最新文章
- php es6写法,ES6...扩展运算符(示例代码)
- MySQL exists的用法介绍
- 设计模式之- 外观模式(Facade Pattern)
- 圣三一学院计算机专业,360教育集团:爱尔兰都柏林大学圣三一学院计算机专业...
- 28 POSIX Threads
- 算数运算符与关系运算符_【Flutter 110】Flutter手把手教程Dart语言——运算符
- 深度学习入门:一句话告诉你什么是神经网络(CNN,RNN,DNN)
- C# datagridview列绑定类中类的属性
- MyBatis3整合Spring3、SpringMVC3
- 解决在IE浏览器中JQuery.resize()执行多次的方法(转)
- html 弹出播放器,jQuery点击弹出视频播放器代码
- Codeforces 853 A. Planning
- 如何在面试中介绍自己的项目经验
- Leetcode——237. 删除链表中的节点(Java)
- drools 6.5 决策表使用
- 安卓中关于图片的类型
- 为你精选 · 地产行业数字化转型攻略
- tiledmap 图块属性_Tiled Editor 图块的两种导入方式
- poi导入数据工具类,直接复制使用,有详细注释
- react脚手架创建项目报错,ReactDOM.render is no longer supported in React 18.
热门文章
- 非常不错的Coding-iOS开源项目
- 【leetcode】Merge Sorted Array
- iphone4 Safari实现滚动条功能
- 看到小童鞋s茁壮成长
- loadrunner-4-4事务摘要分析
- 1.4. 为现有的应用程序添加 Core Data 支持(Core Data 应用程序实践指南)
- 增强SEO的div+css命名规则
- 【Win10技巧】如何设置win10资源管理器打开为“这台电脑”?
- Script To Monitor RDBMS Session UGA and PGA Current And Maximum Usage Over Time
- 项目经理的第二手准备-坚强的挺着(4)