快人一步！使用 EJS 一键自动化生成代码模版

2023-09-08 07:31:21

在软件开发过程中，我们经常需要编写一些重复性的代码，比如表单、表格、循环等。这些代码往往结构相似，只是内容不同。为了提高开发效率，我们可以使用模版引擎来生成这些代码。

EJS（Embedded JavaScript Templates）是一个轻量级的JavaScript模版引擎，它可以将数据和模板组合起来，生成HTML、CSS或JavaScript代码。EJS的语法简单易懂，与HTML非常相似，因此学习起来非常容易。

使用EJS生成代码模版文件非常简单，只需要以下几个步骤：

安装EJS npm包

npm install ejs

创建一个EJS文件，比如template.ejs

<!DOCTYPE html>
<html>
<head>
  
</head>
<body>
  <h1><%= heading %></h1>
  <ul>
    <% for(var i = 0; i < list.length; i++) { %>
      <li><%= list[i] %></li>
    <% } %>
  </ul>
</body>
</html>

在Node.js脚本中，使用EJS渲染模板文件

const ejs = require('ejs');
const fs = require('fs');

const data = {
  title: 'My Page',
  heading: 'Hello, world!',
  list: ['Item 1', 'Item 2', 'Item 3']
};

const template = fs.readFileSync('template.ejs', 'utf8');
const output = ejs.render(template, data);

fs.writeFileSync('index.html', output);