使用手脚架搭建项目

1、准备工作：

首先要知道，搭建一个react项目总是需要安装node.js和npm的，未安装的请移步node.js官网：https://nodejs.org/en/

检测是否安装成功：npm -v 和node -v

2、npm安装脚手架

　　执行命令npm install create-react-app

        查看版本：create-react-app --version

        新建项目：create-react-app manager

        安装 router npm i react-router

安装yarn下载地址   https://yarnpkg.com/lang/zh-hans/docs/install/#windows-stable

3、使用npx和脚手架创建项目my_app，这个过程可能需要几分钟，请耐心等待

　　npx create-react-app my_app

　　这里用到了npx，就是可以让你不用全局安装create-react-app这个工具啦~

4、创建完成后的项目目录如下：

其中，node_modules用于存放项目的依赖包，也就是构建这个React项目可能会用到的工具，

              --public文件夹中是 index.html存放目录，也就是React根页面的所在地

              --src中用于存放js文件，也就是项目开发中的主要区域

              --package.json用于记录项目信息，以及外部依赖包的导入信息等

              --json文件不能直接打开，需要用到文本编辑器，本人用的是VScode

        然后，在命令行中“ cd ”该目录,输入如下命令,部署npm，以及导入react-dom依赖包.

            cmd中输入：

                npm init   （然后一路回车）

                npm install --save react react-dom  ( 在该目录下导入react和react-dom）

                npm install --save  react-router-dom   （react路由，以后会用到）

5、启动项目

　　在app 文件夹里 运行npm start