前端如何用Express构建一个简单的服务器

1. 环境：Nodejs和npm

2. npm init

执行 npm init 命令的作用是初始化一个新的 Node.js 项目。具体来说，它会在当前目录下生成一个 package.json 文件，这个文件用于描述项目的基本信息和管理依赖项。执行时默认回车即可。

3. npm install express

安装后项目目录会多一个node_modules文件夹

4.npm install nodemon

nodemon 是一个流行的用于开发Node.js应用的工具，它可以监控任何文件变动并自动重启你的服务器。

注意：安装时如果出现以下错误

是因为Windows操作系统无法识别 nodemon 这个命令。

如果遇到这个报错，很可能是因为nodemon没有被正确安装或者它的安装路径没有被加入到系统的环境变量中。

因为我们已经执行了安装，那么很大可能是因为系统没有这个命令的环境变量，这里提供简单的解决方法就是执行“全局安装”。重新执行以下命令：

npm install -g express

5.将写好的项目放进public文件夹中

你可以编写一个简单的只输出hello wworld的html文件，也可以放打包好的项目（包含html、css、js等）

6.编写 server.js 文件

const express = require('express')

//浏览器访问时的端口号
const PORT = 8088

const app = express()

app.use(express.static(__dirname + '/public'))

app.listen(PORT, () => {
  console.log(`本地服务器启动成功，http://localhost:${PORT}`)
})

7. nodemon server.js

至此，一个简单的前端服务器就写好了。执行 nodemon server.js 即可在浏览器中访问写好的html页面。