什么是 marko?
Marko 是一个快速、简单且易于学习的 HTML 模板语言，由 eBay 开发并维护。它使用类似于 HTML 的语法，并添加了一些特定的标记和属性来支持动态内容和复杂的 UI 组件。
安装 marko
全局安装 marko：
npm install marko --global
在项目中使用 marko：
npm install marko --save
创建 marko 模板
新建一个 index.marko 文件并添加以下代码：
-- -------------------- ---- ------- --------- ----- ------ ------ -------------- -- -------------- ------- ------ --------- ------------------ ------- -------展开代码
这是一个基本的 HTML 页面，其中 ${data.name} 是一个模板变量，可以在渲染时用实际的值进行替换。
渲染 marko 模板
const template = require('./index.marko'); template.render({ name: 'World' }, function(err, output) { console.log(output); });
在上面的代码中，我们使用 require 导入模板，并调用 render 方法将模板渲染为字符串。第一个参数是一个对象，它包含了需要渲染到模板中的数据。第二个参数是一个回调函数，在渲染完成后被调用，输出渲染后的 HTML 内容。
在 Express 中使用 marko
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ------------ - ------------------------- ----- --- - ---------- ------------------------ ------------ ------------- ---- - ----------------------------------- - ----- ------- --- --- ---------------- ---------- - ------------------- ------- -- ---- ------- ---展开代码
在上面的代码中，我们首先导入 marko/express 模块，并调用 markoExpress 方法将 Marko 集成到 Express 中。然后，在路由处理函数中，我们使用 res.marko 方法来渲染模板，并将渲染结果发送给客户端。
总结
本文介绍了如何安装和使用 marko，以及在 Express 中集成 marko。通过学习本文，我们可以深入了解 marko 的基本语法和应用场景，并能够快速上手使用 marko 开发 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/44744
