脚手架搭建

webpack原理：使用webpack命令行是依赖于webpack-cli的，webpack-cli使用yargs作为脚手架来项目搭建， webpack命令入口执行文件判断你是否下载了webpack-

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6fec1dd2340648df8e5ff42e97931cb6~tplv

调用emitKeys，返回一个generator函数，但是没有执行函数里面的内容 调用next，执行到yield为止的代码 input.on('keypress', onkeypress) // ev

npm init egg命令原理 终端运行npm init egg --type=simple 是调用了 create-egg 脚手架;https://www.npmjs.com/package/cr

require案例 当前有一个项目 当前项目路径/Users/rainbow/Documents/前端/脚手架开发/rainbow-test 项目bin目录下有一堆文件 /bin/index.js 解

目的：调试node内置库：child_process.exec方法 需要调试的js文件：bin/process/index.js 方法一：终端+chrome浏览器 终端启动命令： node --ins

![iShot2021-11-28 20.16.42.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7b969d5a7eea41a19c

平时我们使用的npm i 命令就是使用的npminstall这个库； 写一个demo测试下： 安装依赖包：npm i npminstall user-home; user-home：获取用户当前主目录

查看lerna源码用的就是yargs的库注册脚手架，@vue/cli是自己开发的 command 命令注册 options 参数注册 常用方法

初始化Lerna项目 lerna初始化： 创建了git仓库 更新了package.json 新增lerna.json 创建packages目录进行包管理 查看lerna.json

自己完成一个脚手架项目 项目痛点 创建项目+通用代码（埋点、HTTP请求、工具方法、组件局） git操作（创建仓库、代码冲突、远程代码同步、创建版本、发布打tag） 构建+发布上线（依赖安装和构建、资

源码阅读准备： 下载源码 安装依赖 IDE 打开 源码阅读准备完成的标准： 找到入口文件 package.json bin 配置 如果没有 bin 配置 能够本地调试 查看vscode debuger

脚手架 脚手架具备的功能： 项目初始化 静态资源服务器 自动发布 写在简历中，面试官不会脚手架开发 开发脚手架目的： 提升前端研发效率 创建项目和通用代码的集成（埋点，HTTP请求，工具方法，组件库）