• 什么是前端脚手架?脚手架原理?


    一、站在前端研发的视角,分析开发脚手架的必要性

    研发效能

    • 开发脚手架的核心目标是:提升前端的研发效能
    • 大厂研发一定需要用到脚手架

    脚手架核心价值

    将研发过程:

    • 自动化:项目重复代码拷贝/git 操作/发布上线操作
    • 标准化:项目创建/git flow/发布流程/回滚流程
    • 数据化:研发过程系统化、数据化,使得研发过程可量化

    和自动化构建的区别

    问题:jenkins、Travis 等自动化构建工具已经比较成熟了,为什么还需要自研脚手架?

    • 不满足需求:jenkins,Travis 通常在 git hooks 中触发,需要在服务端执行,无法覆盖研发人员本地的功能:如创建项目自动化、本地 git 操作自动化等、
    • 定制复杂:jenkins、Travis 定制过程需要开发插件,其过程较为复杂,需要使用 java 语言,对前端同学不友好

    二、从使用角度理解什么是脚手架?

    脚手架简介

    脚手架本质是一个操作系统的客户端,它通过命令行执行,比如:

    vue create vue-test 
    

    上面这条命令由 3 个部分组成:

    • 主命令:vue
    • command(子命令):create
    • command 的 param:vue-test

    它表示创建一个 vue 项目,项目名称为 vue-test,以上是最简单的脚手架命令,但实际场景往往更加复杂,比如: 当前项目已经有文件,我们需要覆盖当前目录下的文件,强制进行安装vue项目,此时我们就可以输入

    vue create vue-test --force 
    

    这里的–force 叫做 option,用来辅助脚手架确认在特定场景下用户的选择(可以理解为配置)。还有一种场景:通过vue create创建项目时ÿ

  • 相关阅读:
    面试被问:Mysql的InnoDB下RR是如何解决幻读问题的
    Java排序算法(六):希尔排序
    [论文阅读] 颜色迁移-梯度保护颜色迁移
    TOPSIS法
    MERLIN-AToolfor Multi-party Privacy-preserving Record Linkage论文总结
    shell 初探
    一文带你搞懂sklearn.metrics混淆矩阵
    他用AI,抄袭了我的AI作品
    将Word中的表格以图片形式复制到微信发送
    【HDU No. 1166】 敌兵布阵
  • 原文地址:https://blog.csdn.net/web2022050903/article/details/126962664