所需软件:

vscode,官网链接下载:https://code.visualstudio.com/;(也可以用自己习惯的编辑器)
node.js,官网链接下载:http://nodejs.cn/
安装自己电脑的合适版本即可。
安装这些一般直接点击下一步即可,对于一些国外的软件注意安装目录中最好不要有中文路径,以免出现问题。

1.创建目录

首先我们创建一个node的文件夹,里面创建一个index.js文件,然后把整个文件夹拖入到vscode就可以开始写代码了:
我们来看代码和注释一行行来看:

const http = require('http') // 首先我们引用自带的http模块,想要完成后端这个是必须的,这是自带的所以我们不需要安装

http.createServer((req, res) => { // 我们使用http模块中的createServer方法来创建一个后端环境
  res.end('holle') // createServer方法传入一个function,有req和res两个参数,req代表着前端传到后端的值,res来表示后端返回的东西。来看看第二个res参数,调用end方法输入返回值
}).listen(5000) // listen传入一个端口号,大家可以自行传入。

代码写完后我们来打开命令行来启动服务来看看。

2.启动服务

打开我们刚刚创建的node文件夹复制文件夹的路径,在命令行中输入cd +node文件夹的路径,然后输入node index.js
即可运行(使用vscode的可以通过软件的导航栏的“终端”-“新终端”然后直接输入:node index.js),然后我们进入浏览器输入http://localhost:5000 // 5000是我们刚刚设置端口号,页面即可显示我们设置的holle。

3.加入fs文件管理

接下来我们加入fs文件管理的模块:
首先我们在该文件夹目录下再创建一个1.html,代码可以随意有显示内容即可:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <p>我是1.html文件</p>
</body>
</html>

然后回到index.js后端文件中

let http = require('http') // 首先我们引用自带的http模块,想要完成后端这个是必须的,这是自带的所以我们不需要安装
const fs = require('fs')

http.createServer((req, res) => { // 我们使用http模块中的createServer方法来创建一个后端环境
  fs.readFile(`./${req.url}`, (err, date) => { // 通过fs模块的readFile方法来查找判断我们的链接
  // 第一个参数是我们在浏览器输入的链接,然后通过readFile方法查找看看能不能找到该文件
    if (err) {  // 如果是err的话则表示找不到就返回显示404错误
      res.writeHead(404)
      res.end('404,not fonund')
    } else { // 否则就表示找到该文件则直接显示出来
      res.end(date)
    }
  })
}).listen(5000) // listen传入一个端口号,大家可以自行设置。

**

大家请注意每次修改了index.js文件都需要重新开启一下服务,才可以继续运行,在命令行中按住ctrl+c(mac是control+c)即可退出服务,按键盘方向键的“上”健输入栏就会自动输入上次运行的命令。

**

本文章是我一个字一个字的打出来,图也是我自己做,也是按照我一个初学者的理解思维去写的,本人也是正在看各种视频学习进步中,发现一些好的会写出来也算给自己加深印象吧,顺便记录一下代码,如果有说的不对的地方还望指出,万分感激!
谢谢


一只正在成长的狮子!大家一起努力。