码迷,mamicode.com
首页 > 其他好文 > 详细

React项目开发环境搭建

时间:2019-11-16 12:21:40      阅读:82      评论:0      收藏:0      [点我收藏+]

标签:图片   png   接口   安装路径   start   提示   如何   src   后台   

一:前端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项目开发环境搭建

标签:图片   png   接口   安装路径   start   提示   如何   src   后台   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!