前言
随着前端技术的飞速发展，越来越多的开发者们选择使用 npm 包来完成前端项目。而本篇文章就将介绍一个非常有用的 npm 包——@marjanovicsteva/stevit-server，并详细讲述如何使用它。
关于 @marjanovicsteva/stevit-server
@marjanovicsteva/stevit-server 是一个可以在本地启动一个 Web 服务器并且支持后端服务的 npm 包。只需要简单的几步，就可以快速搭建一个简单的 Web 服务器，并使用 nodejs 作为后端开发语言。
安装 @marjanovicsteva/stevit-server
首先，打开命令行终端，并输入以下命令安装它：
npm install @marjanovicsteva/stevit-server
安装结束之后，我们就可以进行下一步了——启动服务器。
启动服务器
首先，在你的项目根目录下，新建一个 server.js 文件，然后输入以下代码：
const stevit = require('@marjanovicsteva/stevit-server');
app = stevit.serve({
basePath: './', // 公共目录
port: 8080, // 服务器监听端口（默认： 3000）
})在这段代码中，我们首先引入了 @marjanovicsteva/stevit-server 模块，并使用 serve 函数在本地启动了一个简单的 Web 服务器。其中，basePath 表示公共资源目录，也就是我们项目中的静态资源全部存放的目录，这里我们指定为 ./，即当前项目根目录；port 则表示服务器监听的端口号，我们指定为 8080。
最后，使用以下命令启动服务器：
node server.js
启动成功之后，在浏览器中输入 http://localhost:8080，就可以看到服务器的默认欢迎页面了。
添加后端服务
在上述默认的欢迎页面中，我们可以看到一个表单，我们可以利用它来添加一个后端服务。下面，就让我们来到 server.js 中添加一个简单的后端服务：
app.addEndpoint('/api/test', (req, res) => {
const name = req.query.name;
const age = req.query.age;
res.send({
message: `Hello, ${name}! You are ${age} years old.`
});
})以上代码中，我们指定了一个后端服务在 /api/test 的路由下。当接收到请求时，它会从请求中获取 name 和 age，然后返回一个包含问候语和年龄的 json 数据。
现在，我们只需要重启一下服务器，再在浏览器中输入 http://localhost:8080/api/test?name=John&age=18，就能看到一则问候语了。
结论
本文介绍了 npm 包 @marjanovicsteva/stevit-server 的详细使用方法，并演示了如何添加后端服务。通过学习本文，我们可以快速搭建一个简单的 Web 服务器，并使用 nodejs 作为后端开发语言。请你尝试使用这个 npm 包，并自己实现更多的功能，体验前端开发的乐趣！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005672281e8991b448e391b