Fluorite 是一个可以帮助前端工程师提高工作效率的 npm 包。它可以自动化生成代码文件，提高代码质量和可读性。
安装
在使用 npm 包之前，我们需要安装它。进入终端，执行以下命令：
npm install -g fluorite
初始化
在项目的根目录下，执行以下命令进行初始化：
fluorite init
代码结构将会被自动化生成。
文件生成
在项目的根目录下，执行以下命令生成文件：
fluorite generate page <page-name>
这将会在 src/pages 目录下生成一个以 <page-name> 命名的页面文件夹，内部包含 index.js 和 index.less 两个文件。
同样地，我们可以通过以下命令生成组件文件：
fluorite generate component <component-name>
这将会在 src/components 目录下生成一个以 <component-name> 命名的组件文件夹，内部包含 index.js 和 index.less 两个文件。
查询命令选项，包括删除页面和删除组件，可以执行以下命令：
fluorite generate --help
自定义文件生成
虽然 Fluorite 可以帮我们生成文件，但我们还可以自定义文件生成的方式。
我们可以通过以下命令进行自定义：
fluorite generate <my-name> -t <template> -o <output-path>
其中：
my-name：自定义的文件夹名称。-t或--template：所选模板的名称。模板文件都保存在fluorite/templates目录下，可自行添加模板。-o或--output-path：文件将要输出的路径。
例如：
fluorite generate mypage -t mytemplate -o src/pages
这将会在 src/pages 目录下生成一个 mypage 文件夹，并且它的结构将会遵循 mytemplate 模板。
总结
Fluorite 是一个便利的工具，它可以让我们更快地生成代码，节省时间。同时，我们也可以自定义输出结构，提高开发效率。
尽管如此，我们仍然需要注意代码质量和可读性。幸好，Fluorite 生成的代码拥有良好的结构和规范，将为我们的工作提供良好的帮助。
如果你是初学者，建议多尝试使用 Fluorite 生成文件，加深对文件结构和规范的理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e281e8991b448e06b0