React初学新建项目~

一、antDesign新建项目：

1. $ npm install -g create-react-app yarn // 命令行中安装 create-react-app 工具，你可能还需要安装 yarn。

2. $ create-react-app antd-demo // 然后新建一个项目。

3. $ cd antd-demo

4. $ yarn start/npm start

### Edit src/App.js and save to reload.

 

二、umi（。。。。）

1. $ npm install antd-init -g

2. $ mkdir antd-demo && cd antd-demo $ antd-init

antd-init@2 仅适用于学习和体验 antd，如果你要开发项目，推荐使用 create-umi 进行项目初始化。umi 是一个可插拔的企业级 React 前端应用框架，已在生产环境广泛应用。

 

三、Ant Design Pro 

Preview: http://preview.pro.ant.design

 

前续准备：

本地环境需要安装  node 和  git

安装步骤：

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

$ npm install

$ npm start 　　　　# visit http://localhost:8000

接下来就可以修改代码进行业务开发了，上述项目内建了典型业务模板、常用业务组件、模拟数据、HMR 实时预览、状态管理、国际化、全局路由等等各种实用的功能辅助开发，大家可以继续阅读和探索如何的其他文档。

 

• 预览：http://preview.pro.ant.design
• 首页：http://pro.ant.design/index-cn
• 使用文档：http://pro.ant.design/docs/getting-started-cn
• 更新日志: http://pro.ant.design/docs/changelog-cn
• 常见问题：http://pro.ant.design/docs/faq-cn
• 国内镜像：http://ant-design-pro.gitee.io

• 特性

• ? 优雅美观：基于 Ant Design 体系精心设计
• ? 常见设计模式：提炼自中后台应用的典型页面和场景
• ? 最新技术栈：使用 React/umi/dva/antd 等前端前沿技术开发
• ? 响应式：针对不同屏幕大小设计
• ? 主题：可配置的主题满足多样化的品牌诉求
• ? 国际化：内建业界通用的国际化方案
• ⚙️ 最佳实践：良好的工程实践助您持续产出高质量代码
• ? Mock 数据：实用的本地数据调试方案
• ✅ UI 测试：自动化测试保障前端产品质量

  支持环境

  现代浏览器及 IE11。

  IE / Edge	Firefox	Chrome	Safari	Opera
  IE11, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions

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