前端工程化 ---- 创建自己的脚手架工具

一,前端工程化是什么?

所谓工程: 工程就是一个项目(一个网站或APP)

一个工程的生命周期:

• 工程立项
• 需求分析
• 产品原型
• 开发实施
• 测试部署
• 上线运行

什么是前端工程化

• 前端工程化就是通过各种工具和技术,提升前端开发效率的过程.
  • 前端工程化的内容: 各种工具和技术
  • 前端工程化的作用: 通过使用工具,提升开发效率

前端工程化解决的问题

• 项目代码上线前,代码需要压缩
  • bootstrap.js/bootstrap.min.js
• 想要使用ES6+CSS3新特性,要解决兼容性问题
  • 使用工具去解决兼容性问题
• 想要使用Less去增强CSS的编程性,但是浏览器不能直接支持less
  • 进行编译
• 多人协作开发,代码风格无法统一
  • eslint格式化

工程化!==某个工具

node.js

二,脚手架

脚手架分类

• 通用脚手架
  • yeoman
• 专用脚手架
  • vue-cli
  • create-react-app
  • angular-cli

yeoman

yeoman的基本概念

• yeoman是一款脚手架工具
  • 可以帮助开发人员创建项目的基础结构代码
• yo是yeoman的命令行管理工具
  • 可以在命令行运行的yeoman的命令