什么是 ejscli？
ejscli 是一个基于 EJS 模板引擎的命令行工具，可以快速生成 HTML、CSS、JavaScript 代码，方便前端开发者快速构建项目。
如何安装 ejscli？
要安装 ejscli，首先需要确保已经安装了 Node.js，然后打开终端窗口，输入下列命令：
npm install -g ejscli
如何使用 ejscli？
安装好 ejscli 后，我们可以通过以下命令开始使用它：
ejscli init myproject
这会在当前目录下创建一个名为 myproject 的新项目。在项目创建完成后，可以通过以下命令进入到项目目录中：
cd myproject
项目目录中已经自动创建了一些模板文件，我们可以通过编辑这些模板文件来生成我们需要的代码。
例如，我们可以通过编辑 index.ejs 文件来生成一个简单的 HTML 页面：
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ---------- ----- ---------- ------- ------ ------- ----- ------- ---------- -- -- ------------ ------- -------
在上面的代码中，<%= %> 表示 EJS 标签，在这里我们可以使用 JavaScript 代码来动态生成 HTML 内容。例如，在当前目录下打开一个名为 app.js 的文件，并添加以下代码：
const ejs = require('ejs');
const fs = require('fs');
const title = 'My Website';
const html = ejs.render(fs.readFileSync('./index.ejs', 'utf-8'), { title });
fs.writeFileSync('./index.html', html, 'utf-8');在以上代码中，我们首先使用 require 方法引入了 ejs 和 fs 两个 Node.js 模块，然后定义了一个 title 变量，用来表示网站标题。
接着，我们调用了 ejs.render 方法，该方法可以将一个 EJS 模板文件中的内容渲染为 HTML 字符串。在这里，我们使用 fs.readFileSync 方法读取了 index.ejs 文件，并将 title 变量传入到 ejs.render 方法中。渲染完成后，我们使用 fs.writeFileSync 方法将生成的 HTML 字符串写入到 index.html 文件中。
现在，我们可以通过执行以下命令，来生成我们的 HTML 页面：
node app.js
ejscli 的应用场景
ejscli 的应用场景非常广泛，特别是在 Web 开发中，它可以帮助我们快速创建 HTML、CSS、JavaScript 代码，减少一些常用代码的编写量，从而更快速地完成项目开发。
比如，ejscli 可以帮助我们：
- 快速生成带有 LoDash.js 和 jQuery 的 HTML 页面，以便快速编写 JavaScript 代码。
- 快速生成常用的 CSS 样式文件，例如：normalize.css、bootstrap.css 等。
- 快速生成常用的 JavaScript 类库或框架，例如：React、Vue.js 等。
结论
通过本文的介绍，我们了解了如何安装和使用 ejscli 这个 npm 包，以及它的应用场景。相信通过学习 ejscli，对于前端开发者来说，能够更加高效地完成项目开发，提高代码编写效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005671d81e8991b448e37cf