React项目开发环境搭建

一:前端react搭建环境的配置

1.安装 create-react-app 命令 (基于 webpack + es6)

npm install -g create-react-app

2.使用 create-react-app 创建一个名字叫做 my-app 的项目

create-react-app my-app
如果创建项目过程中,提示node版本低,不兼容,那么执行 yarn config set ignore-engines true 解决该问题。

3.进入 my-app 目录

cd my-app

4.启动

npm start
# or
yarn start

二:后端api接口的配置(api接口是后端人员提供的,我们前端就只负责会用就可以啦,如何用,请看下文)

1.检查api文件夹下是否含有依赖包,如果没有,需要安装

2.下载依赖包成功之后需要启动服务,需要执行该命令

nodemon app,js

三:开启数据库的步骤

注意:这里分俩种情况,如果安装mongdb的时候安装路径是默认的,也就是安装在c盘的话,直接在db的目录下执行mongdb,

 执行完该步骤之后就可以连接到数据库了

三:如何启动后台管理系统

1.检查是否已经安装了依赖包

 2:启动后台管理系统的服务

执行一下该命令:yarn start

 这样子就可以完整的启动一个react项目啦

 

 

 

原文地址:https://www.cnblogs.com/fang-1207/p/react.html