如果你在开发前端项目时需要生成文件树结构，那么可以使用 file-tree 这个 npm 包。该包可以帮助你快速生成文件树，并使用自定义格式输出到控制台或文件中。
安装
要在你的项目中使用 file-tree，需要先安装它。可以通过以下命令进行全局安装：
--- ------- -- ---------
或者在项目目录下进行本地安装：
--- ------- ---------- ---------
使用
命令行
安装完毕后，你可以在命令行中使用 file-tree 命令来生成文件树。例如，在当前目录下运行以下命令：
---------
这将会输出当前目录下的文件树结构。你也可以传递一个目录参数来指定其他目录的文件树结构。例如：
--------- ------------------
另外，你可以使用 -o 选项将文件树输出到文件中。例如：
--------- -- --------
JavaScript API
除了命令行之外，你还可以在 JavaScript 代码中使用 file-tree。首先，需要导入 file-tree 模块：
----- -------- - ---------------------
然后，可以使用 fileTree() 方法生成文件树。例如：
----- ---- - ------------------------------- -----------------------------
在这个例子中，我们将文件树结构存储在 tree 变量中，并使用 toString() 方法将其转换为字符串并输出到控制台。
你还可以通过传递一个配置对象来自定义文件树的输出格式。例如：
----- ---- - ------------------------------ - ----------- ----- --------- ------ --- -----------------------------
在该例子中，我们向 fileTree() 方法传递了一个包含两个选项的配置对象。showHidden 选项用于显示隐藏文件和文件夹，onlyDirs 选项用于仅显示目录，而不是文件。
示例代码
以下是一个简单的示例，演示如何使用 file-tree 在控制台中输出当前目录下的文件树结构。
----- -------- - --------------------- ----- ---- - ----------- -----------------------------
运行此代码后，将在控制台中看到类似以下内容的输出：
--- ------------
--- ---------
--- -------------
- --- ----------
- - --- --------
- - --- ---
- --- ----------
- - --- --------
- - --- ---
- --- ---
--- ----
- --- ----------
- --- -------
- --- ---------
--- -----
--- -------------
--- ------------
--- -----------
--- ------------来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/47702