用海根进行文件脚手架

最近，我发现了Hygen，这是Smashing Magazine推荐的强大CLI工具，它是我的下一个UI开发工作流程的游戏改变者。组件文件夹和文件的持续手动创建变得乏味且容易出错。海根提供了简化的解决方案。

我的团队使用一致的组件结构：

 <code>/NewComponent index.js NewComponent.js NewComponent.module.scss</code>

以前，我依靠VS Code的UI来创建文件，这是一个缓慢而效率低下的过程。 Hygen的CLI自动化了这一点，其基于模板的方法直接存储在项目中，可确保团队范围内的一致性和可维护性。

建议的安装是全局的：

 NPM I -G海根

尽管全局安装很方便，但本地安装（ npm i -D hygen ）可能是更好的项目控制和防止跨不同项目的依赖性问题的优选。但是，无论安装方法如何，CLI功能仍然保持相同。

海根的用法很简单。例如，创建一个新组件：

 HYGEN编辑器组件新 - 名称newExamPlecomponent

此命令搜索一个_templates/editor-component目录，并使用其内容来生成必要的文件。模板目录中的文件名并不关键；实际的输出文件名和位置是在模板文件的前提中定义的。这允许生成动态的文件名。

模板语言类似于铁轨ERB。使用--name参数允许您将值注入模板中，并且辅助功能为案例转换和其他操作提供了选项。

该过程很简单：运行命令，并创建文件。

关键要点

• Hygen的直观语法和方法比另一个流行的选择更吸引我。
• hygen delete命令将是在意外或错误脚手架后简化清理的宝贵补充。
• 可用的VS代码扩展程序进一步简化了该过程，直接从命令调色板进行脚手架。

以上是用海根进行文件脚手架的详细内容。更多信息请关注PHP中文网其他相关文章！