- 全局安装react脚手架
npm i -g create-react-app
- 创建项目
create-react-app + 项目 (注意不能大写)
- 初始化配置
npm run eject
在用脚手架创建完项目后,默认把配置封装起来,如果要配置的话,需要执行npm run eject,要把配置弹射出来,才能配置,注意在npm run eject后,要执行npm install
- 下载基本依赖
npm install node-sass sass-loader babel-loader css-loader --save-dev
- 配置路由
npm install react-router-dom --save-dev
在根组件引用路由,注意看需求是要的HashRouter还是HashRouter,各有优缺点,看自己需要什么样子的
引入路由后,需要在跟组件中配置,并把根组件暴露出去 最后在App.js中配置路由,也可以新建路由文件夹,在里面写好router,再引入