一.初始创建
npm install -g create-react-app
npx create-react-app my-app
create-react-app 是官网推荐使用的脚手架,优势是轻盈,推荐小白照着 官网 上的小游戏做一遍,快速入门~
二.安装路由
npm install react-router-dom
React Router react的路由与vue、ng都不一样,需要特殊处理。 刚开始学习可以先简单配置运行起来
想要另起一个文件装其他页面就像page2一样引入就可以了
三.解决React不支持less、scss等CSS扩展语言
页面创建完成后,就要开始写页面样式了,
一开始我是看来下面这篇 文章 ,把create-react-app里面的webpack配置暴露出来然后配置less
但是 当webpack.config.js配置里面看到有已经对scss、sass做了配置...懵了
所以 只需要一下两步就可以了: