28

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?

2 Answers 2

28

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.

Sign up to request clarification or add additional context in comments.

1 Comment

Inquirer nailed it. Thanks!
5

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.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.