本节将讲解如何用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）项目结构
网友评论