# react-app

**Repository Path**: zhangcscc/react

## Basic Information

- **Project Name**: react-app
- **Description**: react项目模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://www.zhangcs.cc/lcms/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-20
- **Last Updated**: 2022-04-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React, Axios, npm

## README

### **1.安装create-react-app**

```
cnpm install -g create-react-app
```

`Create React App`是FaceBook的React团队官方出的一个构建`React`单页面应用的脚手架工具。它本身集成了`Webpack`，并配置了一系列内置的`loader`和默认的npm的脚本，可以很轻松的实现零配置就可以快速开发React的应用。

参考：https://www.jianshu.com/p/77bf3944b0f4

### 2.创建项目

```
create-react-app react-app			
```

### 3.**本地服务启动**

```
npm run start//启动本地server用于开发
```

### 4.项目框架 

```
|-node_modules             //项目包
|-public             //一般用于存放静态文件，打包时会被直接复制到输出目录(./buidle)
|-src               //项目源代码
  |  |-asserts         //用于存放静态资源，打包时会经过 webpack 处理
  |  |-components     //组件 存放 React 组件，一般是该项目公用的无状态组件
  |  |-containers          //页面视图
  |  |-routes         //路由 存放需要 connect model 的路由组件
  |  |-App.js         //入口文件
  |  |-index         //注册路由与服务
  |  |- serviceWorker        //开发配置
|-package.json      //包管理代码
|-.gitignore //Git忽略文件
```

### 5.项目部署

首先对项目进行打包。

```
1 npm run build
```

通过以下命令可以在本地环境运行打包后的项目。

```
1 serve -s build
```

参考：https://www.cnblogs.com/jackson-yqj/p/10095892.html

### 6.项目使用UI库

**我们推荐使用 npm 或 yarn 的方式进行开发**，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。

```
npm install antd --save
```

```
yarn add antd
```

地址：https://ant.design/docs/react/introduce-cn