将开源创建一个管理系统的react项目,将已学到的技术运用到项目里面,并进行记录。
npm init
指令会在项目根目录下生成 package.json
文件
lint----EsLint :提供代码规范和检验代码,提出哪一行有问题
mkdir
npm i yarn (yarn拉包比较全,npm可能丢包)
browserslist限制浏览器的范围
把 eslint 安装到 package.json 文件中的 devDependencies 属性中,意思是只是开发阶段用到这个包,上线时就不需要这个包了
技术:react + antd3 + webpack+ mobx+echart+mock
创建react项目:
全局安装脚手架
npm install -g create-react-app # Windows
sudo npm install -g create-react-app # Linux
创建项目:
检查node是否安装:node -v
密码:luna , sudo npm install -g create-react-app
cd luo/Desktop //切到桌面
create-react-app my-app //创建项目
创建导航路由:
状态管理mobx:
把state状态传递给各个组件,数据传递的写法
React Intl 用于国际化 React 组件,提供 React 组件和 API 来格式化日期