首页 > 其他 > 详细

搭建React开发环境

时间:2019-11-16 12:04:24      阅读:189      评论:0      收藏:0      [点我收藏+]

一:前端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项目啦

技术分享图片

 

 

 

 技术分享图片

 

 技术分享图片

 

 技术分享图片

 

 

 

 

 

 

搭建React开发环境

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!