工具癖web开发程序员

2018-09-17 react学习(-)

2018-09-18  本文已影响39人  1994陈

学习路径-官网: http://react.css88.com/

环境搭建命令:(全局安装官方脚手架)
npm i create-react-app -g
create-react-app 目录名
yarn start 开发模式
yarn build 打包

语法规则:
xml和JSX相似,但是xml是存数据,jsx能做更多的事情。
标签一定要闭合
元素必须要有一个顶层元素
变量首字母大写代表JSX内部组件,小写是变量
html属性,小驼峰命名

特点-多组件组合,jsx+函数式编程

最基本的核心在node_model里面的react-script & react-dom里面的package.json

更改本地端口避免地址冲突 - react-script/scripts/start


image.png

不想手动更改,运行yarn eject (这个动作是不可逆的,不可撤回的)

禁止eslint:
webpack.config.dev.js 中找到eslint配置,注释掉:


image.png

运行yarn start就可以启动react

上一篇下一篇

猜你喜欢

热点阅读