前端工程化--yeoman使用

脚手架工具–Yeoman

工程化的定义和主要解决的问题

1.前端工程化是遵循一定的标准和规范，通过工程去提高效率和较低成本的一种手段。

2.解决问题

1.使用ES6+新特性，兼容性问题
2.使用less/sass/postcss增加css编程性，运行环境问题
3.使用模块化方式提高项目可维护性，运行环境问题
4.部署上线前需要手动压缩代码及资源文件，部署过程需要手动上传代码到服务器
5.多人协作开发，代码风格问题；从仓库中pull回来的代码质量无法保证
6.部分功能开发时，依赖后端服务接口问题

3.工程化不等于某个集成工具

1.常见的工程化集成工具

2.工程化与node.js
node 驱动了 工程化进步
主要内容：
•脚手架工具开发
•自动化构建系统
•模块化打包
•项目代码规范化
•自动化部署
举个例子：IDE创建项目的过程就是一个脚手架的工作流程
3.常用的脚手架工具
•React项目–》create-react-app
•Vue.js项目–》vue-cli
•Angular项目–》angular-cli
都是根据信息创建对应的项目基础结构
• Yeoma:通用创建项目脚手架
• Plop: 用于创建特定类型的文件

yeoman基本使用

1.全局范围安装yeoman
yarn global add yo
配置yeoman环境变量 C:\Program Files\nodejs\node_global\bin
2.安装对应的generator
yarn global add generator-node
3.通过yo运行generator
目标路径下创建新文件
cd e:/
mkdir my-module
yo node

自定义Generator

1. generator基本结构
   

参考：
https://blog.csdn.net/qinshengnan520/article/details/109388255