由于是想搭建一个后台系统,因此组件直接定了antd,脚手架以create-react-app为基准,加上redux和sass(由于我一直用的less,此次换个口味),搭建一个简单的项目。node
首先安装create-react-appreact
npm i create-react-app
给项目起个名字npm
create-react-app my_react_cli(项目名)
啪嗒回车,开始安装项目,此过程会持续几分钟,能够去干点别的~redux
运行一下看看,有没有问题sass
npm start
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. The react-scripts package provided by Create React App requires a dependency: "babel-loader": "8.0.4" Don't try to install it manually: your package manager does it automatically. However, a different version of babel-loader was detected higher up in the tree: C:\Users\liu\node_modules\babel-loader (version: 7.1.5)
由于文主以前搭建别的项目时安装了babel-loader,致使的版本不对,那就卸掉babel-loader,按照所需的8.0.4版本安装一下
卸载babel-loaderbabel
npm uninstall babel-loader
而后安装正确的版本antd
npm i babel-loader@8.0.4
可能会出现再次报错的状况,能够删掉在你的项目文件夹里面的 node_modules从新安装
继续安装各类依赖
这里我暂时装了antd@3.12.1和react-redux@6.0.0
运行一下看看app
接下里就要开始封装公共方法less
休息一下 有空再写ide