创建项目
第一步:配置node环境 npm install node
第二步:全局安装React
使用create-react-app创建工具创建项目 npm install -g create-react-app
第三步:创建项目 create-react-app projectName
第四步:进入项目 cd projectName
第五步:启动项目 npm start
使用react-router
第一步:npm install react-router -s
第二步: npm install react-router-dom -s
第三步:
第四步:在组件中使用<Link to='/Home'>标签即可进行页面跳转。
HashRouter是地址栏带有#的,BrowserRouter是不带#的,同vue一样,
使用px2rem
第一步: npm i lib-flexible--save
npm i sass-loader --save-dev
npm i node-sass--save
npm i postcss-px2rem —save
第二步:修改配置,因react的配置文件是隐藏了的,修改之前需要将配置文件暴露出来,需先执行 npm run eject
然后修改config/webpack.config.dev.js
第三步:同样在config/webpack.config.dev.js里也需要同样的配置,这里就不重复说明了
第四步:(至关重要)在 index.js 中import ‘lib-flexible’