使用express轻松搭建node服务器

1、打开终端

【在想要创建项目的文件夹目录路径中输入cmd打开终端回车】

【出现以下的情况】

 

2、 创建新的文件夹（保存后端）

在终端上输入命令 mkdir node-app  (node-app是文件夹名称)

【跳转到保存后端的文件夹里面】

输入命令回车    cd node-app/

3、创建node项目

【项目初始化】

  输入命令回车  npm init

D:\myproject\node-app\vue-demo>mkdir node-app

D:\myproject\node-app\vue-demo>cd node-app/

D:\myproject\node-app\vue-demo\node-app>npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help init` for definitive documentation on these fields
and exactly what they do.

Use `npm install ` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (app)

 进行一系列的回车操作

 

About to write to D:\myproject\node-app\vue-demo\node-app\package.json:

{
  "name": "app",
  "version": "1.0.0",
  "description": "restful api",
  "main": "server.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "jerry",
  "license": "ISC"
}


Is this OK? (yes)

D:\myproject\node-app\vue-demo\node-app>code .

D:\myproject\node-app\vue-demo\node-app>

 输入命令 code .   打开vscode

4、安装对应的依赖包

【创建一个入口文件】
  server.js

【安装express】

  npm express

【搭建服务器 写在server.js里面】

const express = require("express");
const app = express();

const port = process.env.PORT || 5000;

//绑定并监听指定主机和端口上的连接。此方法与 Node 的http.Server.listen()相同。
app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});
//使用指定的回调函数将HTTP GET 请求路由到指定路径。
app.get("/", (req, res) => {
  res.send("hello world!");
});

【安装nodemon 每改变一次代码就运行一次更新一次】

  npm install nodemon -g   

【运行server.js文件】

  nodemon serve.js

还可以在parkage.json里面的配置进行修改（启动文件）

 输入命令  node star

                  nodemon serve

今天的内容就到此结束啦！！我们下次在见...