1.初始化 yarn init
2.在package.json 添加入口 "bin": "cli.js"
{
"name": "sample-scaffolding",
"version": "1.0.0",
"main": "index.js",
"bin": "cli.js",
"license": "MIT",
"dependencies": {
"ejs": "^3.1.6",
"inquirer": "^8.0.0"
}
}
3.根目录创建 cli.js
#!/usr/bin/env node
//node CLI应用如空文件必须要有这样一个文件头
//如果是Linux 或者 macOs 系统下还需要修改此文件的读写权限为 755
//具体就是通过 chmod 755 cli.js 实现修改
// console.log("cli")
//脚手架的工作过程:
//1. 通过命令行交互询问用户问题 inquirer工具实现(发起命令行询问)
//2. 根据用户的回答的结果生成文件
const inquirer = require("inquirer")
const fs = require('fs')
const path = require('path')
const ejs = require('ejs')
inquirer.prompt([
{
type: "input",
name: "name",
message: "project name?"
}
])
.then(anwsers => {
// console.log(anwsers)
//根据提示生成文件
//模板文件
const tmplDir = path.join(__dirname, "templates")
console.log('tmplDir----',tmplDir)
//目标文件
const destDir = process.cwd()
console.log('destDir---', destDir)
//
fs.readdir(tmplDir, (err, files) => {
if(err) throw err
files.forEach(file => {
// console.log(file)
//通过模板引擎渲染 ejs 模板引擎
ejs.renderFile(path.join(tmplDir, file), anwsers, (err, result) =>{
if(err) throw err
console.log(result)
//写入到目标文件
fs.writeFileSync(path.join(destDir, file), result)
})
})
})
})
4.创建模板文件及对应文件夹 templates/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%=name%></title>
</head>
<body>
</body>
</html>
5.将项目资源放在内存当中 随时调用 根目录下执行 yarn link
6. 执行名称生成文件在当前目录下 sample-scaffolding
注：需要引入的的包
yarn add inquirer //发起命令行询问
yarn add ejs //模板引擎 读写文件