react 脚手架工具
npm install create-react-app -g
create-react-app -V 查看版本号
create-react-app 项目名字 创建项目
注意:部分插件的版本依赖问题 需要打开package.json 里的scripts 下的eject
npm run eject
打开大礼包之前执行一次本地git仓库的提交
git status 查看当前状态
git add .
git commit -m “hehe”
npm run eject 在项目目录下执行
npm start 跳转的实例界面
基本命令
npm start 本地开发环境运行
npm run eject 解开插件包
npm run build 编译打包
基本结构目录
build 打包之后的文件目录
config 项目的配置目录
public 静态资源目录
script js启动脚本
src 项目的源码目录
package 项目的配置依赖
.gitignore git 上传的忽略文件
组件的创建
15 createClass 方法
16 通过class关键字或者函数来创建组件
类组件函数组件
类组件 (功能组件,智能组件)
class关键字 创建的组件
有state值 能修改state值
能写jsx
有生命周期
函数组件 (ui组件,木偶组件,傻瓜组件)
用函数创建的组件
没有state 就不能修改数据
没有生命周期
只能接收props 渲染界面
高阶组件