React项目的创建

58 阅读1分钟

@TOC


一、安装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

在这里插入图片描述看到这个界面就代表创建成功了。