脚手架的本质作用
创建项目基础结构、提供项目规范和约定
- 相同的组织结构
- 相同的开发范式
- 相同的模块依赖
- 相同的工具配置
- 相同的基础代码
常用的脚手架工具
- react项目: => create-react-app
- vue项目: => vue-cli
- angular项目: => angular-cli
- yeoman:通用型
- plop
yeoman
一款用于创建现代化应用的脚手架工具,搭配不同的generateor创建任何类型的项目
yeoman的基础使用
- 在全局范围安装yo
- 安装对应的generateor
- 通过yeoman运行generateor
yeoman的使用步骤
- 明确你的需求
- 找到合适的generateor
- 全局范围安装找到的generateor
- 通过yo运行对应的generateor
- 通过命令行交互填写选项
- 生成你所需要额项目结构
自定义generateor
generateor本质上就是一个npm模块
自定义generateor的名称必须是generateo-====
npm publish 发布
Plop
一个小而美的脚手架工具
Plop的基本使用
- 将plop模块作为项目开发依赖安装
- 在项目根目录下创建一个plopfile.js文件
- 在plopfile文件中定义脚手架任务
- 编写用于生成特定类型文件的模板
- 通过plop提供的cli运行脚手架任务
脚手架的工作原理
- 通过命令行交互询问用户问题
- 根据用户回答的结果生成文件