lcj-cli-high v1.0.2
1.下载npm包 2.lcj i 初始化项目
【1】npm init 初始化脚手架文件 【2】初始化之后，在package.json中把相应的开发依赖写入 "dependencies": { "chalk": "^3.0.0", "child_process": "^1.0.2", "commander": "^4.1.1", "inquirer": "^7.0.4" }, 【3】npm i 将相关的npm包下载到node_modules中
定义相关命令 --在bin文件夹中创建scav.js文件用于定义相关命令 【4】首先将定义脚手架的文件路径，将相关的依赖包引入，定义脚手架的版本 #!/usr/bin/env node --harmony 'use strict' // 定义脚手架的文件路径，dirname是当前文件所在的路径 process.env.NODE_PATH = dirname + '/../node_modules/'
const program = require('commander')
// 获取package.json中的version来做为项目的版本号
program.version(require('../package').version)
// 定义脚手架的用法，在program.help方法中会显示
program.usage('<command>')【5】给脚手架定义初始化的命令 / command为执行的命令 description为命令的描述 alias为简写 action为命令相应的操作 / program .command('init') .description('init a vue-based project') .alias('i') .action(()=>{ console.log('我是初始化的方法') })
// program.parse(arguments)会处理参数，没有被使用的选项会被存放在program.args数组中
program.parse(process.argv)【6】在根目录下执行下面的命令 node bin/lcj init 【7】为了在全局使用，在package.json中添加bin相关配置 "bin": { "lcj": "bin/lcj.js" }, 【8】然后使用npm link(执行该命令)链接到全局，就可以直接在命令行使用lcj init了 【9】在最后添加命令没有被定义的操作 if (program.args.length) { program.help() } 【10】在根目录下创建一个command文件夹用来存放命令相关操作的文件，创建一个init.js来写初始化相关操作 【11】接下来编写init.js，引入相关的依赖包，导出一个方法供lcj.js调用 // init.js const inquirer = require('inquirer') const chalk =require('chalk') const {exec} = require('child_process') chalk.level = 3 // 设置chalk等级为3
module.exports = ()=>{
console.log(chalk.green('开始初始化文件'))
console.log(chalk.gray('初始化中...'))
console.log(chalk.green('初始化完成'))
}【12】在init.js文件中调用init.js文件
program
.command('init')
.description('init a vue-based project')
.alias('i')
.action(()=>{
require('../command/init.js')()
})
【13】接下来使用inquirer来提问用户项目名，如果项目名为空，则给出提示并让用户重新输入
module.exports = ()=>{
console.log(chalk.green('开始初始化文件'))
inquirer.prompt({
type:'input', // 问题类型为填空题
message:'your projectName:', // 问题描述
name:'projectName', // 问题对应的属性
validate:(val)=>{ // 对输入的值做判断
if(val===""){
return chalk.red('项目名不能为空，请重新输入')
}
return true
}
}).then(answer=>{
console.log(chalk.gray('初始化中...'))
console.log(chalk.green('初始化完成'))
})
}
【14】接下来通过child_process中的exec来执行git clone命令
module.exports = ()=>{
inquirer.prompt({
type:'input', // 问题类型为填空题
message:'your projectName:', // 问题描述
name:'projectName', // 问题答案对应的属性，用户输入的内容被存储在then方法中第一个参数对应的该属性中
validate:(val)=>{ // 对输入的值做判断
if(val===""){
return chalk.red('项目名不能为空，请重新输入')
}
return true
}
}).then(answer=>{ // 通过用户的输入进行各种操作
console.log(chalk.green('开始初始化文件\n'))
console.log(chalk.gray('初始化中...'))
const gitUrl = 'https://github.com/Daisylcj/lcj-cli-vue.git'
exec(git clone ${gitUrl} ${answer.projectName},(error,stdout,stderr)=>{
if (error) { // 当有错误时打印出错误并退出操作
console.log(chalk.red(error))
process.exit()
}
console.log(chalk.green('初始化完成'))
process.exit() // 退出这次命令行操作
})
})
}
【15】修改生成的文件
但是打开package.json，发现name是vue-temp，这可不符合我们的预期，所以我们要引入一个fs模块，通过fs模块来读写这个package.json，将之前输入的项目名写入，通过process.cwd()来获取当前命令行执行的路径，代码如下
const fs = require('fs')
module.exports = ()=>{
inquirer.prompt([{
type:'input', // 问题类型为填空题
message:'your projectName:', // 问题描述
name:'projectName', // 问题答案对应的属性，用户输入的内容被存储在then方法中第一个参数对应的该属性中
validate:(val)=>{ // 对输入的值做判断
if(val===""){
return chalk.red('项目名不能为空，请重新输入')
}
return true
}
}]).then(answer=>{ // 通过用户的输入进行各种操作
console.log(chalk.green('开始初始化文件\n'))
console.log(chalk.gray('初始化中...'))
const gitUrl = 'https://github.com/QZEming/vue-temp.git'
exec(`git clone ${gitUrl} ${answer.projectName}`,(error,stdout,stderr)=>{ // 克隆模板并进入项目根目录
if (error) { // 当有错误时打印出错误并退出操作
console.log(chalk.red('拷贝文件失败'))
process.exit()
}
fs.readFile(`${process.cwd()}/${answer.projectName}/package.json`,(err,data)=>{
if(error){
console.log(chalk.red('读取文件失败'))
process.exit()
}
data= JSON.parse(data.toString())
data.name = answer.projectName
fs.writeFile(`${process.cwd()}/${answer.projectName}/package.json`,JSON.stringify(data,"","\t"),err=>{
if(err){
console.log(chalk.red('写入文件失败'))
process.exit()
}
console.log(chalk.green('初始化完成'))
process.exit() // 退出这次命令行操作
})
})
})
})
}