简介
npm 是前端开发最常用的包管理器之一，而 generator-metalsmith-basic 是基于 Metalsmith 的一个 npm 包，用于生成基础的 Metalsmith 项目结构。本文将介绍如何使用和配置 generator-metalsmith-basic。
安装
首先需要安装 node.js 和 npm。安装完成后，打开命令行，输入以下命令：
npm install -g yo generator-metalsmith-basic
其中，yo 是一个生成器的基本工具，用于调用 generator-metalsmith-basic。
使用
安装成功后，在命令行中输入以下命令：
yo metalsmith-basic
会弹出一个交互式命令行界面，依次输入以下信息：
- 项目名称
- 作者姓名
- 作者邮箱
- Github 地址
最后，Generator 会自动生成一个项目结构：
. ├── src/ │ ├── index.html │ ├── style.css │ └── script.js ├── .gitignore ├── package.json └── README.md
其中，src 文件夹下面是默认的项目文件，可以自行添加和修改。.gitignore 文件会忽略不需要提交到 Git 的文件和文件夹，package.json 文件是一个 npm 的配置文件，README.md 是项目文档。
配置
默认生成的项目结构并不是自己需要的，需要进行设置和修改。打开根目录下的 config.js 文件，即可进行配置。
目录结构
-- -------------------- ---- -------
--------------------- -
--------- ---------
----- -----
------ ------
------ ------
-------- --------
-------- --------
----------- ----------
-这里可以配置生成的目录结构，可以自行修改目录名称。比如，将 img 目录修改为 images。
Metalsmith 插件
-- -------------------- ---- -------
------ -
--------------------
----------------------
----------------------
------------------------
---------------------
-------------------------
-------------------
-------------------------
-这里可以配置 Metalsmith 的插件，可以添加或删除插件。比如，如果不需要 collections 插件，可以将其删除。
Metalsmith 插件配置
"metalsmithLayouts": {
"engine": "handlebars",
"directory": "src/partials",
"partials": "src/partials/partials/**/*.html",
"default": "default.hbs",
"pattern": "**/*.html"
},这里可以配置每个 Metalsmith 插件的具体规则和设置。比如，这里的 Metalsmith Layouts 插件使用 handlebars 作为模板引擎，partials 和 default 都存放在 src/partials 文件夹下。
结语
本文介绍了如何使用 generator-metalsmith-basic 生成基础的 Metalsmith 项目结构，并进行了详细的配置操作。通过本文可以学习如何使用 npm 和 generator 工具，以及如何配置 Metalsmith 插件。希望对前端开发者有一定的指导作用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600563d481e8991b448e12d4