React随记：React脚手架安装以及使用脚手架创建一个应用

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 

目录

前言

一、React脚手架安装

1.通过 npm 使用 React

二、创建一个应用

1.cd 到创建项目的目录

2.创建项目

3.启动运行项目​​​​​​​

---

前言

本文编写主要参考以下链接内容 

React 安装 | 菜鸟教程

---

一、React脚手架安装

1.通过 npm 使用 React

执行如下安装命令： 

npm install -g create-react-app

执行成功后就可以执行 create-react-app 命令了。

二、创建一个应用

1.cd 到创建项目的目录

cd  xxx/xxxx

2.创建项目

create-react-app my-app

注意⚠️：项目名不能包含大写字母，执行命令会报错：

Cannot create a project named "MyApp" because of npm naming restrictions:

  * name can no longer contain capital letters

Please choose a different project name.

3.启动运行项目

执行以下命令，进入项目文件目录中，并启动项目。

cd my-app
npm start 或者 yarn start

​​​​​​​​​​​​​​

 yarn start

开启开发的服务，看开放的页面效果，执行这个命令

 yarn bulid

开启完成后，上线时要打包成静态文件，交给后台部署到服务器，执行这个命令

 yarn test

用于测试开发，一般不用，我们 yarn start运行 看效果

 webpack.config.js是webpack的配置文件，是核心文件，默认全部隐藏起来。 yarn eject是暴露出来，但是，慎用，一旦暴露出来，你将无法恢复回去。