（一）Node接口搭建——express搭建服务器

本节将讲解如何用express搭建本地服务器。

1、新建文件夹存放项目，在终端输入一系列命令

1）新建文件夹，我的路径是：E:\大三\前端学习\projects\node_demo\node_app

2）在终端cd到该文件夹   

3）输入npm init

4）package name：我用的默认的，直接回车。

      version：回车。

      description：根据自己情况设置，我的是restful  api。

      entry point（入口文件）：我改成了server.js，也可以是app.js，这里以server.js为例。

      后面的就一直回车就好啦。

      操作截图：

截图1

截图2

2、在vscode下打开项目文件夹进行操作

1）在vscode下打开项目文件夹

2）在vscode下打开终端

3）终端输入npm install express

4）在终端输入touch server.js  ：这一步若不出错，项目栏会出现一个server.js文件，此时操作第6）步，若出现

 无法将“touch”项识别为 cmdlet、函数、脚本文件或可运行程序的名称这个错误，操作第5）步

5）在项目栏那里新建一个server.js文件

6）在server.js里面敲出如下代码：

const express = require("express"); //引入express

const app = express();                //实例化一个app

app.get("/",(req,res)=>{              //设置路由

    res.send("Hello World!");

})

const port = process.env.port || 5000; //对应一个端口号

app.listen(port,() =>{

    console.log(`Server running on port ${port}`);

})

server.js

7）这时需要重启，所做的修改才会起到作用。为了不重启，全局安装nodemon，在终端输入npm  install  nodemon   -g

8）我们希望我们的命令能够让它启动起来，需要修改package.json里面的“scripts”内容，修改为如下：

package.json  里面修改的内容

9）这时在终端输入nodemon  server.js   ，就会启动起来，而且修改代码发生了变化，它也会自动帮我们保存。

10）此时在终端输入npm run server 或者 nodemon server.js就可以启动了。

终端

11）浏览器输入http://localhost:5000/便可以访问到了。就搭好了。

浏览器访问测试

12）项目结构