大部分脚手架应用的原理就是一个node cli应用，通过命令行交互将动态变化的信息提供给用户输入，然后再经过模板引擎将信息填入模板文件，最后写入文件，得到工程初始化的基本文件，本文介绍怎样实现一个简单的脚手架工具

1.初始化

npm init

填入信息后生成package.json，添加一行"bin": "cli.js"，然后按照ejs模板格式创建模板文件

image.png

2.安装依赖

用户输入模块inquirer

npm install inquirer

模板引擎模块ejs

npm install ejs

3.创建cli.js文件

修改文件权限

chmod 755 cli.js

生成器代码

#!/usr/bin/env node 

const fs = require('fs')
const inquirer = require('inquirer')
const path = require('path')
const ejs = require('ejs')

inquirer.prompt([{
    type: 'input',
    name: 'name',               // 名称
    message: 'project name'
},{
    type: 'input',
    name: 'author',             // 作者
    message: 'author name'
},{
    type: 'input',
    name: 'email',              // email
    message: 'email'
}]).then(answer => {
    this.answer = answer
    console.log(answer)

    // 目录
    const tempDir = path.join(__dirname, 'templates')
    const destDir = process.cwd()

    // 读取templates目录下面的文件
    fs.readdir(tempDir, (err, files) => {
        if (err) throw err
        // 写入文件
        files.forEach(file => {
            ejs.renderFile(path.join(tempDir, file), this.answer, (err, result) => {
                if (err) {
                    console.log(err)
                } else {
                    console.log('create ' + file)
                }
                fs.writeFileSync(path.join(destDir, file), result)
            })
        })

    })
})

4.链接到全局

npm link

5.使用

mkdir node-cli-test && cd node-cli-test && node-cli

bingwudeMacBook-Pro:Generators bingwu$ mkdir node-cli-test && cd node-cli-test && node-cli
? project name node-cli-test
? author name bing
? email 123@163.com
{ name: 'node-cli-test', author: 'bing', email: '123@163.com' }
create index.html
create index.js
create readme.txt
create style.css