在前端开发中，我们经常会用到各种 npm 包，用它们来快速地构建项目或完成某些功能。wmexpress 是一个开发 web 应用的 npm 包，它提供了非常方便的功能，可以让你快速地创建一个 web 应用，而不用花费大量的时间和精力。
安装 wmexpress
要使用 wmexpress，首先需要在电脑上安装它。打开终端，输入以下命令：
npm install wmexpress --save
这个命令会从 npm 仓库里下载 wmexpress 并安装在你的项目里。安装完后，你就可以在项目中使用 wmexpress 了。
创建一个 web 应用
使用 wmexpress 创建一个 web 应用非常简单。只需要按照以下步骤即可：
- 在你的项目中创建一个新的 js 文件，我们假设它的名字是 app.js。
- 在 app.js 中写下以下代码：
const wmexpress = require('wmexpress');
const app = wmexpress();
app.listen(3000, function() {
console.log('应用已经启动：http://localhost:3000');
});这段代码引入了 wmexpress，创建了一个新的应用，并监听了 3000 端口。看起来非常简单对吧？
- 最后，在终端中输入以下命令：
node app.js
运行这个命令后，就可以在浏览器中输入 http://localhost:3000 打开你的 web 应用了。
使用路由
在 web 应用中，路由通常用来指定应用的不同页面。在 wmexpress 中使用路由也非常方便。只需要按照以下步骤即可：
- 修改 app.js 文件：
-- -------------------- ---- ------- ----- --------- - --------------------- ----- --- - ------------ -- ---- ------------ ------------- ---- - ----------------- --- ----------------- ------------- ---- - ------------------- --- -- ---- ---------------- ---------- - -------------------------------------------- ---
这段代码在应用中添加了两个路由：'/'，它是应用的首页；'/about'，它是应用的关于页面。
- 在终端中运行命令：
node app.js
现在你就可以在浏览器中输入 http://localhost:3000 访问应用的首页，或者输入 http://localhost:3000/about 访问应用的关于页面了。
使用模板引擎
在 web 应用中，我们通常会使用模板引擎来渲染页面，从而更好地将数据和页面结合起来。在 wmexpress 中，使用模板引擎也非常方便。只需要按照以下步骤即可：
- 用 npm 安装一个模板引擎，比如说 handlebars：
npm install handlebars --save
- 修改 app.js 文件：
-- -------------------- ---- ------- ----- --------- - --------------------- ----- --- - ------------ ----- ---------- - ---------------------- -- ------ ------------------ ---------------------- ------------- -------- -------- -- ---- ------------ ------------- ---- - ------------------ - -------- ------ --- --- ----------------- ------------- ---- - ------------------- - -------- -------- --- --- -- ---- ---------------- ---------- - -------------------------------------------- ---
这段代码使用了 handlebars 模板引擎，并在路由函数中使用 res.render() 方法渲染模板。
- 在项目中创建一个名为 views 的文件夹，并在里面创建两个模板文件：home.html 和 about.html。
home.html：
<html>
<head>
<title>{{ message }}</title>
</head>
<body>
<h1>{{ message }}</h1>
</body>
</html>about.html：
<html>
<head>
<title>{{ message }}</title>
</head>
<body>
<h1>{{ message }}</h1>
</body>
</html>现在你可以在浏览器中输入 http://localhost:3000 访问应用的首页，或者输入 http://localhost:3000/about 访问应用的关于页面了，它们将显示对应的模板渲染结果。
使用 wmexpress 通过上述简单的步骤就可以快速的创建一个 web 应用，使用路由和模板引擎来定制页面。希望这篇文章对你在学习前端开发时有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710f8dd3466f61ffe2b1