美食地图项目(三):后端准备工作

express框架安装

Posted by xtong on August 2, 2021

美食地图项目(三):后端express框架安装

本项目使用express框架编写后端api,下面是express的安装过程。

nodejs开发环境安装

与前端vue为同一个环境。

nodejs官网:https://nodejs.org/zh-cn/

安装完成后在命令行窗口输入以下命令查看版本

1
2
node -v
npm -v

express安装

官网:https://expressjs.com

查看最新版本的express

1
2
npm info express version
4.17.1

创建项目目录并安装express

1
2
3
mkdir foodmaps-server
cd foodmaps-server
npm init

其中入口文件设置为app.js

1
entry point: (index.js) app.js

生成的package.json如下

1
2
3
4
5
6
7
8
9
10
11
{
  "name": "foodmaps-server",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

运行

1
npm install express --save

手动创建app.js

1
2
3
4
5
6
7
8
9
10
11
const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})

运行demo

1
node app.js

在浏览器中打开 http://localhost:3000

Hello World!

git代码库推送

手动创建.gitignore文件

1
2
3
4
5
6
# 忽略文件
.idea
node_modules
public/*
dist/*
/public/

根据github提示进行首次推送

1
2
3
4
5
6
git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin git@github.com:tongg112/foodmaps-server.git
git push -u origin main

参考资料