脚手架的本质作用
创建项目基础结构,提供项目规范和约定
- 相同的组织结构
- 相同的开发范式
- 相同的模块依赖
- 相同的工具配置
- 相同的代码基础
常用脚手架工具
- 服务自身项目的一类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 模块
-
根据用户回答的结果生成文件