📌  相关文章
📜  带有 ejs 的 express-generator - Shell-Bash (1)

📅  最后修改于: 2023-12-03 15:39:24.116000             🧑  作者: Mango

带有 EJS 的 Express Generator

如果你想快速创建一个使用 EJS 模板引擎的 Express 应用程序，那么可以使用带有 EJS 的 Express Generator。

安装 Express Generator

首先，你需要全局安装 Express Generator：

npm install -g express-generator
创建带有 EJS 的 Express 应用程序

接下来，你需要在命令行中运行以下命令来创建一个使用 EJS 模板引擎的 Express 应用程序：

express --view=ejs myapp

这将创建一个名为 myapp 的应用程序，并将 EJS 模板引擎设置为应用程序的默认视图引擎。

运行应用程序

在生成的应用程序目录中，运行以下命令启动应用程序：

cd myapp
npm install
npm start

现在，你可以在浏览器中访问 http://localhost:3000 来查看应用程序。

使用 EJS 模板

要使用 EJS 模板，在 views 目录中创建一个名为 index.ejs 的文件，并输入以下内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><%= title %></title>
</head>
<body>
    <h1><%= message %></h1>
</body>
</html>

在应用程序的路由文件中，将以下代码添加到路由方法中：

router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express', message: 'Hello Express with EJS!' });
});

这将使用 EJS 模板渲染 views/index.ejs 文件，并将传递给模板的变量 title 和 message 设置为 Express 和 Hello Express with EJS!。

总结

带有 EJS 的 Express Generator 可以帮助你快速创建一个使用 EJS 模板引擎的 Express 应用程序。安装并使用该工具非常容易，你只需要几步即可创建一个简单的应用程序。