前端架构: 脚手架在前端研发流程中的意义

关于脚手架

• 脚手架又被成为 CLI (command-line interface)
• 基于文本界面，通过中断输入命令执行
• 常见的脚手架：npm, webpack-cli, vue-cli
• 拿 npm 这个脚手架来说
  • 在终端当中输入 npm 命令, 系统就会通过文本方式返回 npm 的使用方法
  • 它这种通过命令行执行的操作方式效率很高，所以非常适合用来执行前端任务
  • 在前端开发的过程中，常常会把脚手架应用在前端研发提效当中
  • 举一个的例子， $ npm install, 它就解决了依赖下载和安装问题
    • 如果不使用这条命令，就不得不从package阶层当中，把所有的依赖都读取一遍
    • 然后到npm的网站上，把这些依赖以及依赖的依赖全部下载下来
    • 下载后，要进行解压，并把这些依赖都拷贝到 node_modules 目录下
    • 还要把这些依赖中相关脚手架拷贝到 .bin 目录下
    • 这样才能完成整个 npm install 的一个过程
  • 如果是这样，通过手动的方式来完成，它的复杂度和工作上是不可想象的

对脚手架的一些深入了解

• 脚手架有一些高级特性
  • 比如，在命令行中一些特殊显示，如像颜色字体的显示样式
  • 还有如何去做命令行的交互
• 脚手架的最佳实践，如何实践
  • 通过开源源码库的阅读，可以研究并实现各种前端的高级特性, 设计模式和算法
  • 各类设计模式在实际的开发过程中到底是怎么应用的