所以我开始玩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"
},