使用React+redux+Node.js+MongoDB开发(一)

1. 全局安装create-react-app

npm install -g create-react-app

2. 创建新项目

create-react-app my-app

3. cd my-app 进入项目目录后，ls命令查看目录下的文件列表

4. 安装redux

npm install redux --save

5. 打开create-react-app 的配置文件

npm run eject

　　弹出配置文件，可以自定义配置webpack　

6.  使用express + mongodb开发web后台接口

npm install express --save

 项目根目录下新建server文件夹，并创建server.js

const express = require('express'); //引入express
//新建app
const app = express();

app.get('/', function (req,res) {
    res.send('<h1>Hello world</h1>')
});

app.listen(9093, function () {
    console.log('node app start at port 9093')
});

• app.get、app.post分别开发get和post接口
• app.use使用模块
• res.send、res.json、res.sendfile响应不同的内容

7. 使用nodemon监听路由和相应内容，自动重启。使用命令全局安装

sudo npm install -g nodemon

使用以下命令运行服务文件

nodemon server.js

8. 下载安装mongoDB

https://www.mongodb.com/download-center?jmp=nav#community

mac上面按照https://brew.sh/index_zh-cn这个地址上面的，在命令行输入

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

等待安装brew完成后，再安装MongoDB

brew install mongodb

启动MongoDB

mongod --config /usr/local/etc/mongod.conf　　

mongo启动服务

npm install mongoose --save

备注：若使用brew install mongodb安装时报错，使用rm -rf /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core;删除homebrew，再brew update，然后再安装mongodb

 

9. 安装antd

npm install antd --save