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項目啦