react——开发环境准备create a new react app

1.首先打开react官网
点击getStarted按钮—>点击create a new react app往下翻找到三行代码。如果是window用户在桌面按住shift+右击可以看到‘在此处打开命令窗口’


接下来依次输入这三行命令，如果运行不动太卡，可能是网络问题，试着连接一下手机热点。

npx create-react-app my-app
cd my-app
npm start

2.将生成的文件夹解压，可以看到里面并没有node_modules是不能够运行的
看到文件中有yarn.lock，我们使用yarn install
若没有，则有package.json文件，使用npm install安装项目的依赖

yarn.lock放置的是整个项目所依赖的第三方模块的各种各样的信息，比如说具体版本号，千万不要修改
README.md项目的所有申明，有一些默认的说明，可以清空，换成自己对项目的描述
package.json对项目的介绍或命令—>例如我们使用的npm start 便是引用的script中的start，但是我们可以直接使用npm start，不能直接使用npm build。因为npm start会自动转换成npm run start，而使用build的时候不会，因此需要输入npm run build,然后在目录中生成build目录
eslintConfig中的extends代码校验配置，使代码写得更美观
browserslist项目支持的指定浏览器的信息
.gitignore不想上传的文件可以配置到gitignore中

入口 src下的index.js，在package.json中已经加入了依赖，初始化的时候就已经有了React和ReactDOM这两个第三方模块，因此可以直接引用

App.js或者说是App帮助去生成了hrlloworld这个文本，但是需要通过ReactDOM.render把App生成的文本挂载到页面上ID等于root的标签上，这时页面上才能展示出内容
App.test.js是自动化测试
App.js负责往页面上渲染内容