新建一个react项目
- 全局安装
npm install -g create-react-app
- 新建并对react项目进行命名(注:项目名称不能有大写)
create-react-app reactproject
- 通过命令进入文件夹内部,打开编辑器,准备运行项目
cd reactproject code .
- 运行项目
npm start 或者 yarn start
- 新建一个用ts开发的react项目
yarn create react-app react-ts --template=typescript
暴露webpack的配置文件
暴露config
npm run eject
如果报错:Remove untracked files, stash or commit any changes, and try again.
原因是:使用脚手架创建一个项目的时候,自动增加了一个.gitignore文件,而我们本地却没有文件仓库。
解决办法:暂存代码,再执行 npm run eject
git add . git commit -m 'init' npm run eject
项目中使用sass - 配置
webpack 已经配置好sass了 ,但是还是需要安装一下node-sass,然后重启,就可以使用sass开发了
npm install node-sass
react router
yarn add react-router-dom // 安装
- react hooks 中的路由跳转
import { useHistory } from "react-router-dom";
function HomeButton() {
let history = useHistory();
return (
<button type="button" onClick={()=> history.push("/home")}>
home
</button>
);
}
- BrowserRouter和HashRouter的区别
redux
yarn add redux react-redux react-thunk // 安装
axios
yarn add axios // 安装