创建react初级项目

447 阅读1分钟

一.初始创建

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做了配置...懵了

所以 只需要一下两步就可以了:

1.安装 npm install node-sass

2.引入使用 import './demo.scss'


四.配置完成,请开始你的表演