十分钟教你使用express快速创建基本的web服务器

1.新建一个文件夹,给文件夹取个名(只要不写express都行)

2.双击打开文件夹,在文件夹的路径栏输入cmd按回车键打开终端

十分钟教你使用express快速创建基本的web服务器_第1张图片

 3.在终端输入npm init -y命令生成一个package.json文件

十分钟教你使用express快速创建基本的web服务器_第2张图片

 

4.在输入npm i express命令安装express包,安装完成后会生成如下两个文件

十分钟教你使用express快速创建基本的web服务器_第3张图片

 十分钟教你使用express快速创建基本的web服务器_第4张图片

 

5.将你向外提供的小项目复制到文件夹中

十分钟教你使用express快速创建基本的web服务器_第5张图片 

6.用 Visual Studio Code打开该文件夹

十分钟教你使用express快速创建基本的web服务器_第6张图片

 7.创建一个js文件

十分钟教你使用express快速创建基本的web服务器_第7张图片

 8.在js文件中写以下代码

//1.导入express包

const express = require("express");

//2.创建web服务器(给服务器取个名字)

const app = express();

//3.使用express.static()方法导入你需要向外提供的小项目(最好是能看到动态效果的项目)

app.use(express.static("./clock"))

//4.使用服务器名.listen()方法启动服务器

app.listen(80,()=>{
    console.log("服务器启动于http://127.0.0.1");
})

 9.将鼠标放在js文件上右击选中在集成终端中打开

十分钟教你使用express快速创建基本的web服务器_第8张图片

10在终端输入node .\01.使用express创建基本的web服务器.js按回车键

十分钟教你使用express快速创建基本的web服务器_第9张图片

 11.点击链接用浏览器打开能看到你提供的小项目效果就说明创建基本的web服务器成功了

最后,打开终端,在界面下,输入"ipconfig"命令。然后,点击回车键查看你的电脑IP地址

十分钟教你使用express快速创建基本的web服务器_第10张图片

十分钟教你使用express快速创建基本的web服务器_第11张图片

在任何一台电脑的浏览器里输入你的IP地址就能看到你提供的小项目啦,快去试试吧!

 

 

 

你可能感兴趣的