React项目基本配置

创建项目

第一步:配置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

第三步:

第四步:在组件中使用标签即可进行页面跳转。


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’

你可能感兴趣的:(React项目基本配置)