23

How do you create an arrow-key menu list?

I'm looking for something like after entering in eslint init or create-react-app <project>? (see images below)

ESlint

eslint CLI menu

yeoman

create-react-app cli menu

Searching around to find ways to create a CLI, I found NodeJS to be an option followed by a few tools: Commander.js, Vorpal, and/or create-new-cli.

If I am on the right track, how can I create a CLI arrow-key select menu?

Fumisky Wells
  • 1,150
  • 10
  • 21
Chance Smith
  • 1,211
  • 1
  • 15
  • 32

2 Answers2

24

I believe yeoman is using inquirer. Source: yo's dependencies.

I've also seen prompts which has a similar arrow selection feature and other cli ui/ux features. See the demos about halfway down the page.

Note: I've never actually used either, I'm just in the same research phase.

jhr
  • 653
  • 5
  • 12
4

looks like 'inquirer' (npm i inquirer)

also for progress bars and such you should look at clui (npm i clui)

for parsing commands most use commander (npm commander) or the open cli framework (npm i oclif) - you can also look at yargs (very similar to commander, npm i yargs)

inquirer and clui work very well with both command parsers.

Have fun.

Scott Ling
  • 51
  • 1