我们在用脚手架初始化项目的时候,往往会进行一些命令交互,比如是否支持ts等
实际上我们用inquirer就可以实现类似这样的交互,下面我们就来体验一下吧
首先安装inquirer包
npm install inquirer
我们今天用的的类型有:
input、password、checkbox、list、rawlist、editor,更多类型,请自行查询inquirer介绍
案例
const inquirer = require('inquirer')
var questions = [
{
type: 'input',
name: 'name',
message: "请输入您的用户名"
},
{
type: 'password',
name: 'pwd',
message: "请输入您的密码"
},
{
type: 'input',
name: 'year',
message: "请输入您的年龄"
},
{
type: 'list',
name: 'gender',
message: "请选择您的性别",
default: 0,
choices: [
{ value: 1, name: '男' },
{ value: 2, name: '女' }
]
},
{
type: 'rawlist',
name: 'dream',
message: '你想赚多少钱',
default: 0,
choices: [
{ value: 1, name: '100万' },
{ value: 2, name: '1000万' },
{ value: 3, name: '1个亿' },
]
},
{
type: 'checkbox',
name: 'color',
message: '你最喜欢的颜色',
default: 'red',
choices: [
{ value: 'red', name: '红' },
{ value: 'yellow', name: '黄' },
{ value: 'blue', name: '蓝' },
{ value: 'green', name: '绿' },
]
},
{
type: 'editor',
name: 'save',
message: '请保存你的梦想到文件'
}
]
inquirer.prompt(questions).then(answers => {
console.log(`${answers['name']},祝愿您早日实现梦想!` )
})
过程图
![](https://img.haomeiwen.com/i18290851/c3cab9d9f7f1c8c5.png)
![](https://img.haomeiwen.com/i18290851/388777cd9173c9bd.png)
![](https://img.haomeiwen.com/i18290851/1dd2b7d7921ec18a.png)
![](https://img.haomeiwen.com/i18290851/9225e15772388059.png)
![](https://img.haomeiwen.com/i18290851/fc7644d6023180c3.png)
![](https://img.haomeiwen.com/i18290851/a74601cce9413764.png)
![](https://img.haomeiwen.com/i18290851/4bc626a1a2fb6c02.png)
网友评论