React 脚手架的使用

React 脚手架的使用

　　1、React脚手架初始化项目

　　　　1.1、初始化项目，命令：npx create-react-app 项目名称

　　　　1.2、启动项目 npm start 或 yarn start

　　2、在脚手架中使用React

　　　　2.1、导入 react和react-dom两个包
　　　　　　　　import React from 'react'
　　　　　　　　import ReactDOM from 'react-dom'

　　　　2.2、调用 React.createElement() 方法创建 react 元素。

　　　　2.3、调用 React.rander() 方法渲染 react 元素到页面中。

　　3、小扩展

　　　　3.1、了解npx

　　　　　　　　npx是npm v5.2.0 引入的一条命令

　　　　　　　　目的：提升包内提供的命令行工具使用体验

　　　　　　　　原来：先安装脚手架包，在使用这个包中的命令

　　　　　　　　现在：无需安装脚手架包，就可以直接使用这个包提供的命令

　　　　3.2、mpx创建react项目

　　　　　　npx create-react-app 项目名称

　　　　3.3、npx创建vue项目

　　　　　　npx @vue/cli create 项目名称