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页面。

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐