什么是 briskly？
briskly 是一个能够加速项目开发的 npm 包。它可以创建并管理多个项目模板，支持快速创建模板、样板代码映射、快速构建、开发和测试等功能。使用 briskly 可以使前端工程师更加高效地工作，并减少重复工作的时间与精力。
如何安装?
在开始本教程前，您需要先安装 npm 包管理工具，并使用以下命令安装 briskly：
--- ------- -- -------
如何使用 briskly？
1. 创建新的 briskly 项目
使用以下命令在当前目录中创建新的 briskly 项目：
------- ----
当您执行此命令时，briskly 将在您的当前目录下创建一个 briskly.json 文件。该文件是 briskly 配置文件，它描述了每个模板的位置和其他配置信息。
2. 创建新的模板
使用以下命令创建新的模板：
------- --- ---------------
<template-name> 是您要为其创建模板的名称，例如 basic-template。
3. 配置模板
在模板目录下创建一个名为 map.json 的文件，这个文件包含了模板中需要替换的样板代码和命令。以下是示例 map.json 文件：
-
------- -----------------
-------- -
-
----------- -------------
----------- -
-
---------- ----------
---------- -----------
-------- --- --------
--
-
---------- -------
--------------- ---- ------- ------ -------
-
-
--
-
----------- ---------
----------- -
-
---------- ----------
---------- ------------
-------- -------------------
-
-
-
-
-在上述示例中，我们定义了两个文件 index.html 和 app.js。文件 index.html 包含了两个命令，第一个是替换 ${title} 为 "My Webpage"，第二个是执行 npm install --save jquery。文件 app.js 包含了一个命令，替换 ${apiURL} 为 "https://myapi.com"。
4. 构建项目
使用以下命令构建项目：
------- ----- --------------- --------------
<template-name> 是您之前使用 briskly new 命令创建的模板名称，<project-name> 是您希望为其创建的项目名称。执行此命令后，briskly 将使用您的模板创建一个新的项目，并将其中所有需要替换的样板代码替换为一个适合新项目的全新代码。
5. 启动项目
使用以下命令启动您之前创建的新项目：
------- ----- --------------
执行该命令后，您的项目将会启动，并在浏览器中打开。
总结
使用 briskly 可以帮助开发者更高效地构建项目和管理模板，同时也节省了重复工作的时间和精力。briskly 可以让前端工程师更加聚焦于创造性编程和优秀设计，进一步提高工作效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c89ccdc64669dde511e