用海根進行文件腳手架

最近，我發現了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中文網其他相關文章！