[个人博客开发记录] 1.1 初始化Express服务器

1.1 初始化Express服务器

Keywords: express, yarn, node.js

1. 创建文件并进入

$ mkdir tengblog
$ cd tengblog

2. 初始化 yarn配置

yarn init

3. 添加 express 到项目中

yarn add express

此命令将要求你输入几个参数, 例如此应用的名称和版本, 你可以直接按“回车”键接受大部分默认设置即可, 下面这个除外：

entry point: (index.js)

键入 app.js 或者你所希望的名称, 这是当前应用的入口文件. 如果你希望采用默认的 index.js 文件名, 只需按“回车”键即可.

4. 创建index.js文件, 用于初始化express 配置. 文件内容如下

const express = require('express')
const app = express()
const port = 3000

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

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

文件路径应该如下图所示

5. 在package.json为 yarn 添加start 脚本命令, 为了以后启动方便. 完成后的文件内容如下.

{
  "name": "tengblog",
  "version": "1.0.0",
  "main": "index.js",
  "author": "Teng",
  "license": "MIT",
  "dependencies": {
    "express": "^4.17.1"
  },
  "scripts": {
    "start": "NODE_PATH=. node index.js"
  }
}

6. 在Terminal 终端启动服务器

yarn start

得到运行结果如下:

这说明我们的服务器已经成功启动并运行. 访问上面的网址查看 ‘Hello world’

PS: 3个月大的憨憨睡觉吐舌头