// 交互式命令行
const inquirer = require('inquirer')
// 修改控制台字符串的样式
const chalk = require('chalk')
// node 内置文件模块
const fs = require('fs')
// 读取根目录下的 template.json
const tplObj = require(`${__dirname}/../template`)
// 自定义交互式命令行的问题及简单的校验
let question = [
{
name: "name",
type: 'input',
message: "请输入模板名称",
validate (val) {
if (val === '') {
return 'Name is required!'
} else if (tplObj[val]) {
return 'Template has already existed!'
} else {
return true
}
}
},
{
name: "url",
type: 'input',
message: "请输入模板地址",
validate (val) {
if (val === '') return 'The url is required!'
return true
}
}
]
inquirer
.prompt(question).then(answers => {
// answers 就是用户输入的内容，是个对象
let { name, url } = answers;
// 过滤 unicode 字符
tplObj[name] = url.replace(/[u0000-u0019]/g, '')
// 把模板信息写入 template.json 文件中
fs.writeFile(`${__dirname}/../template.json`, JSON.stringify(tplObj), 'utf-8', err => {
if (err) console.log(err)
console.log('n')
console.log(chalk.green('Added successfully!n'))
console.log(chalk.grey('The latest template list is: n'))
console.log(tplObj)
console.log('n')
})
})
这个文件主要目的就是添加模板并存储起来，上面的注释应该都写的挺清楚了。我们执行
xr add 来看看效果：
这里的模板名称（自己随便取）相当于
vue init webpack project-name 当中的
webpack；模板地址要注意一下，像下面这样写就可以，这里以 github 为例：
xr-delete
如果你理解了上面的那个步骤，这步对你来说应该也是洒洒水啦！上代码：
#!/usr/bin/env nodeconst inquirer = require('inquirer')
const chalk = require('chalk')
const fs = require('fs')
const tplObj = require(`${__dirname}/../template`)
let question = [
{
name: "name",
message: "请输入要删除的模板名称",
validate (val) {
if (val === '') {
return 'Name is required!'
} else if (!tplObj[val]) {
return 'Template does not exist!'
} else {
return true
}
}
}
]
inquirer
.prompt(question).then(answers => {
let { name } = answers;
delete tplObj[name] // 更新 template.json 文件
fs.writeFile(`${__dirname}/../template.json`, JSON.stringify(tplObj), 'utf-8', err => {
