React-学习笔记（5-React脚手架的安装和简单使用）

目录

1、安装 React 脚手架（win）

（1-0）为自己的电脑全局安装 create-react-app。（只需一次即可）

（1-1）创建项目脚手架（每次创建项目脚手架时需进行）

（1-2）启动\运行项目

2、简单使用

先准备一个 index.html 文件在 public 目录下

 编写 HelloTitle 组件：

编写 Message 组件 ：

编写 App.js 文件：

完成 src 目录下 index.js 入口文件的编写。（注意18版本之前和当前18版本的写法）

---

1、安装 React 脚手架（win）

（1-0）为自己的电脑全局安装 create-react-app。（只需一次即可）

  win+R  ——>   cmd  ——>  npm i create-react-app - g

（1-1）创建项目脚手架（每次创建项目脚手架时需进行）

进入到准备用来存放项目文件夹的目录下，

按住Shift + 鼠标右键，选择 在此处打开 Powershell 窗口，

在窗口中输入：create-react-app   项目文件夹名称

回车执行

（注意，项目文件夹名称不能有中文或特殊字符，不要使用大小的英文字母）

（1-2）启动\运行项目

进入到该目录下

打开控制台窗口

npm start  或  yarn start

默认运行到本地3000端口，自动打开默认浏览器

 

 

 

        关键的文件有三，即 public 目录下需要有一个主页面文件（index.html），src 目录下需要有一个 index.js 入口文件和 App.js 外壳组件。