美食地图项目(三):后端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