Astro CLI向导是如何制作的?



所以我开始玩Astro,并注意到交互式CLI向导,引导您通过使用npm create astro@latest后的设置步骤真的很好,工作得很好,实际上看起来不错!

有谁知道它是怎么制成的吗?是否使用了某种(npm?)包,如果是,是哪个?我想在我自己的项目中尝试做一些类似的东西。

为了清楚起见,我的意思是这个向导就像引导你完成设置一样:天文设置向导

更新:

Astro现在为他们的CLI使用一个内部工具包,如果你想创建一个类似的CLI,你可以使用@natemoo-re创建的clack


老CLI:

它主要使用这些包来实现视觉效果:

  • 提示:https://www.npmjs.com/package/prompts
  • 颜色/排版:https://www.npmjs.com/package/chalk
  • 颜色/排版:https://www.npmjs.com/package/kleur
  • 加载图标:https://www.npmjs.com/package/ora

这是完整的依赖列表:https://github.com/withastro/astro/blob/main/packages/create-astro/package.json

"dependencies": {
"@astrojs/cli-kit": "^0.1.4",
"chalk": "^5.0.1",
"comment-json": "^4.2.3",
"execa": "^6.1.0",
"giget": "^1.0.0",
"kleur": "^4.1.4",
"ora": "^6.1.0",
"prompts": "^2.4.2",
"strip-ansi": "^7.0.1",
"which-pm-runs": "^1.1.0",
"yargs-parser": "^21.0.1"
},

相关内容

  • 没有找到相关文章

最新更新