creact-react-app应用如何从开发到上线运行？

1、本篇文章内容结构说明，主要有以下12个部分：

1. 安装nodejs

2.使用nodejs的npm包安装create-react-app模块

3. 使用creat-react-app模块创建我们的项目

4. 了解控制我们项目运行测试打包的几个命令

5. 通过npm start运行我们的项目

6. 查看生产的项目目录的结构，并了解其作用

7. 开始创建几个我们自己的组件

8. 再次运行我们的项目

9. 开始打包生产环境中需要的代码

10. 将我们的代码部署进入我们的服务器

11. ok,上线了，我们可以让用户正式访问了

12. 维护调试

2、安装node:

我们要用create-react-app来开发react,首先要通过包管理器安装create-react-app,

而包管理器一般安装了nodejs后会自带的,所以我们的第一步是在我们的电脑上安装node。

请参考我以前写的nodejs安装教程：环境变量是什么？如何配置环境变量

20、在浏览器中访问，ok,一切正常

注意：如果你不想将文件复制到根目录，那么你需要修改inde.html文件中对js和css文件的路径，不然无法正常访问。

21、部署到服务器上后的维护

当我们项目上线后可能还要开发新功能，也可能项目运行期间会出bug，此时该怎么办呢？

1. 当要开发新功能时，我们直接在本地开发好，然后打包生产文件，最后直接放到远程服务器里面就可以了

2. 当出问题后，我们可以直接在浏览器里面访问，然后在线的打开控制台调试，并修改运行中的html代码，当改好后，再在本地修改即可。当然如果bug很复杂的话，那就需要认真思考了，不过要相信没有解决不了的bug

22、在总结下：流程如下

1. 安装nodejs

2.使用nodejs的npm包安装create-react-app模块

3. 使用creat-react-app模块创建我们的项目

4. 了解控制我们项目运行测试打包的几个命令

5. 通过npm start运行我们的项目

6. 查看生产的项目目录的结构，并了解其作用

7. 开始创建几个我们自己的组件

8. 再次运行我们的项目

9. 开始打包生产环境中需要的代码

10. 将我们的代码部署进入我们的服务器

11. ok,上线了，我们可以让用户正式访问了

12. 维护调试

23、到此，这篇文章就算完了，简单的讲了下，如何从无到有的搭建react开发环境，创建react项目，开发自己的项目，最后部自己的项目，然后在运营期间的维护

其实这篇文章讲的内容还很少，所以后面我会在讲下，如下内容

1.  纯react的各个组件如何通信

2. 使用原生的redux如何管理react数据，如何让各个组件间交流

3. 使用react-redux如何管理react数据，如何让各个组件间交流

4. 路由相关

5. 。。。。。

如果感兴趣的话，你可以关注我的百度账号，以便及时阅读我的新文章。