React 脚手架创建项目

使用 React 脚手架创建项目

• 命令：npx create-react-app react-basic

  • npx create-react-app 是固定命令，create-react-app 是 React 脚手架的名称
  • react-basic 表示项目名称，可以修改

• 启动项目：yarn start or npm start

• npx 是 npm v5.2 版本新添加的命令，用来简化 npm 中工具包的使用

  • 原始：1 全局安装npm i -g create-react-app 2 在通过脚手架的命令来创建 React 项目
  • 现在：npx 调用最新的 create-react-app 直接创建 React 项目

项目目录结构说明和调整

• 说明：

  • src 目录是我们写代码进行项目开发的目录
  • 查看 package.json 两个核心库：react、react-dom（脚手架已经帮我们安装好，我们直接用即可）

• 调整：

  0. 删除 src 目录下的所有文件
  1. 创建 index.js 文件作为项目的入口文件，在这个文件中写 React 代码即可