简介
fileable-cli 是一个基于 Node.js 的 npm 包，可以帮助前端开发者在构建项目过程中更加高效地生成文件。它提供了一些命令行操作，可以轻松地生成 HTML、CSS、JS 等文件，并在项目中按需引入这些文件。
安装
在使用 fileable-cli 前，需要先安装 Node.js 和 npm。安装完成后，可以通过以下命令全局安装 fileable-cli：
npm install -g fileable-cli
使用
创建文件
使用 fileable-cli 创建文件非常简单，只需要在命令行中输入以下命令：
fileable create <file-name> [options]
其中，<file-name> 是要生成的文件名，例如 index.html、style.css 等等。[options] 是可选参数，可以指定要生成的文件类型、所在目录等信息。
以下是一些常用的选项：
-t, --type <file-type>：指定要生成的文件类型，可选值为html、css、js等。-d, --dir <dir-path>：指定要生成的文件所在目录，默认为当前目录。-s, --scss：使用 SCSS 语法生成 CSS 文件。
例如，要在 ./src/ 目录下生成一个名为 index.html 的 HTML 文件，可以输入以下命令：
fileable create index.html -t html -d ./src/
引入文件
借助 fileable-cli，可以非常方便地在项目中引入生成的文件。使用以下命令可生成一个 <script> 或 <link> 标签，可以直接复制粘贴到项目中使用：
fileable import <file-name> [options]
其中，<file-name> 是要引入的文件名，例如 index.html、style.css 等等。
以下是一些常用的选项：
-t, --type <file-type>：指定要引入的文件类型，可选值为html、css、js等。-p, --path <file-path>：指定要引入的文件路径，默认为当前目录。-n, --name <variable-name>：指定引入的文件在项目中的变量名。只有在引入 JS 文件时才生效。
例如，要在 ./src/index.html 文件中引入一个名为 style.css 的 CSS 文件，可以输入以下命令：
fileable import style.css -t css -p ./src/ index.html
生成的命令行输出将类似于以下内容：
<link rel="stylesheet" href="./style.css">
更多命令
fileable-cli 还提供了一些其他的命令，可以更加灵活地使用它。
例如，使用以下命令可以列出当前目录下所有 HTML/CSS/JS 文件的名称：
fileable ls [options]
其中，[options] 是可选参数，可以指定要列出的文件类型及所在目录。
更多命令及选项，可以通过以下命令查看：
fileable --help
示例代码
以下是一个简单的示例，演示了如何使用 fileable-cli 生成并引入一个 CSS 文件。假设我们正在开发一个网站，需要在首页中引入一个样式文件 style.css。
1. 生成 CSS 文件
首先，进入项目的根目录，执行以下命令：
fileable create style.css -t css -d ./src/
该命令将在 ./src/ 目录下生成一个名为 style.css 的 CSS 文件。
2. 在 HTML 文件中引入 CSS 文件
然后，打开首页的 HTML 文件 index.html，在 <head> 中添加以下代码：
<link rel="stylesheet" href="style.css">
3. 完成！
现在，重新编译项目，打开首页，就可以看到 style.css 中定义的样式已经生效了！
结语
通过本文的介绍，相信读者已经掌握了使用 fileable-cli 快速生成文件和引入文件的方法，能够更加高效地完成项目开发。当然，fileable-cli 的功能远不止于此，读者可以进一步探索并应用它的更多特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672563660cf7123b36372
