REACT项目环境的搭配

---

---

搭建项目的环境：
npm i create-react-app -g
create-react-app 项目的名字
cd 项目的名字
yarn start 启动项目
yarn buikld 打包项目
注意：创建项目的时候，目标目录不要有内容
推荐后续的安装都是用yarn

---

更改默认的端口号：
1.node_modules/react-scripts/scripts/starts.js
const DEFAULT_PORT=parseint(process.env.port,10)||3001
去除eslint的警告

---

1.找到项目下的config/webpack.config/dev|prod
注释掉关于eslint的导入以及rules的规则。

---

前端框架的作用:把用户的界面抽象成一个一个的组件，按照需求组成页面 。
vue.react.angular的共同缺点是:不兼容 虚拟的VDOM 数据驱动

JSX:JS+HTML 类XML语法
oo.js/oo.jsx 合法的
语法要求:
标签必须闭合
元素必须要有一个顶层元素
变量的首字母大写的代表组件，小写的代表DOM元素
html属性 ，小写的驼峰命名法
精髓:多组件的组合，jsx+函数式的编程（运算成一系列的函数嵌套）；