ubuntu js如何使用模板引擎

在Ubuntu上使用Ja vaScript模板引擎，这事其实比你想象的要简单。不少刚接触Node.js的同学，往往会在“如何渲染模板”这一步卡住。下面就以EJS、Handlebars和Pug这三种主流引擎为例，把整个流程拆开来走一遍。

1. 安装Node.js和npm

首先得确认系统里有没有Node.js和npm。如果没有，通过下面两条命令就能搞定：

sudo apt update
sudo apt install nodejs npm

2. 创建一个新的Node.js项目

在合适的工作目录下新建一个文件夹，然后初始化项目——这一步会生成一个 package.json，方便后续管理依赖。

mkdir my_project
cd my_project
npm init -y

3. 安装模板引擎

以EJS为例，安装命令就一行：

npm install ejs

如果你偏爱Handlebars或Pug，同样可以快速装上：

npm install handlebars
# 或者
npm install pug

4. 使用模板引擎

在Node.js应用中调用这些引擎的方式略有差别，但核心逻辑一致：读取模板 → 注入数据 → 输出HTML。

EJS 示例：

// 引入EJS模块
const ejs = require('ejs');

// 设置模板文件的目录
ejs.setDir('./views');

// 渲染模板文件
ejs.renderFile('./views/index.ejs', { title: 'Hello World' }, (err, str) => {
    if (err) throw err;
    console.log(str);
});

Handlebars 示例：

const Handlebars = require('handlebars');
const fs = require('fs');

// 读取模板文件
const source = fs.readFileSync('./views/index.hbs', 'utf-8').toString();

// 编译模板
const template = Handlebars.compile(source);

// 渲染模板
const context = { title: 'Hello World' };
const output = template(context);
console.log(output);

Pug 示例：

const pug = require('pug');

// 渲染模板文件
const html = pug.renderFile('./views/index.pug', { title: 'Hello World' });
console.log(html);

5. 创建模板文件

在项目的 views 目录下，新建对应后缀的模板文件（index.ejs、index.hbs 或 index.pug），然后按照你选定的引擎语法来编写内容。这部分没什么特别的，跟着官方文档写就行。

6. 运行你的Node.js应用程序

最后一步，执行你的主文件（比如 app.js），看看模板渲染的结果对不对：

node app.js

以上就是 Ubuntu 上用 Ja vaScript 模板引擎的完整流程。根据实际项目的复杂度，你可以自由选择 EJS（语法接近纯HTML）、Handlebars（逻辑少，模板更干净）或者 Pug（缩进敏感，写起来快）。选哪个都行，关键是理解“模板+数据=HTML”这个核心思路。