脚手架工具

脚手架的本质作用
    创建项目基础结构，提供项目规范和约定

• 相同的组织结构
• 相同的开发范式
• 相同的模块依赖
• 相同的工具配置
• 相同的代码基础

常用脚手架工具

• 服务自身项目的一类create-react-app、vue-cli、angular-cli
• 通用性脚手架工具： yeoman
• 创建特定类型的脚手架：plop

脚手架工作原理

• 初始化package.json文件

• 在文件中添加 “bin”字段

  {
    "name": "sample",
    "version": "1.0.0",
    "main": "index.js",
    "bin":"cli.js",   //脚手架入口文件
    "license": "MIT"
  }
  
  

• cli.js

  • 文件头必须写上 \#!/usr/bin/env node
  • yarn link 后 使用脚手架 报错 yarn global bin看下全局安装目录

脚手架的工作过程

• 通过命令行交互询问用户问题

• inquirer 模块

• 根据用户回答的结果生成文件