React项目的创建

---

一、安装React

npm i react react-dom 

• react 包是核心，提供创建元素，组件等功能
• react-dom 包提供DOM相关功能

二、使用React脚手架创建项目

1.React脚手架的意义

• 脚手架是开发现代Web应用的必备
• 充分利用 Webpack，Babel，ESLint等工具辅助项目开发
• 零配置，无需手动配置繁琐的工具即可使用
• 关注业务，而不是工具配置

2.使用React脚手架初始化项目

• 初始化项目

  npx create-react-app my-pro

• npx 目的：提升包内提供的命令行工具的使用体验
• 原来：先安装脚手架包，再使用这个包中提供的命令
• 现在：无需安装脚手架包，就可以直接使用这个包提供的命令
• create-react-app 这个是脚手架名称 不能随意更改
• my-pro 自己定义的项目名称

yarn命令简介

• yarn 是Facebook发布的包管理器，可以看做是npm的替代品，功能与npm相同
• yarn具有快速，可靠和安全的特点
• 初始化新项目：yarn init
• 安装包： yarn add 包名称
• 安装项目依赖： yarn

3.启动React项目

在项目根目录执行命令：

npm start

看到这个界面就代表创建成功了。

---