前端开发中提到的“脚手架”到底指什么，CLI？gulp 和 gulp-cli有什么区别

shadajin 发布于2019-08-23 12:20 / 782人阅读

摘要：一般来说，脚手架是帮你减少为减少重复性工作而做的重复性工作的工具和的区别可以看这个它跟前端常说的脚手架不是一个东西只是的缩写举个例子你要写一个项目，源语言为，用了后端是你每次完成一部分功能，你都要用把编译到编译压缩文件每次修改代码都要

一般来说，脚手架是帮你减少「为减少重复性工作而做的重复性工作」的工具.

gulp和gulp-cli的区别可以看这个task - what does gulp-"cli" stands for? . 它跟前端常说的脚手架（scaffold）不是一个东西. CLI只是Command Line Interface的缩写.

====

举个例子
你要写一个项目0，源语言为ES6，用了sass, 后端是node. 你每次完成一部分功能，你都要用把ES6编译到ES5、编译sass、压缩html文件.
每次修改代码都要做的编译ES6、sass、压缩html这些就是　重复性工作.

后来你知道了gulp, 然后你写了个gulp脚本，每次有代码改动，一句gulp build就帮你完成了上面说的这些重复性工作.你写的gulp脚本就是　为减少重复性工作而做的工作.

你写完这个项目0之后，你又要写项目1，还是ES6、sass、后端node，还要完成之前的那些重复性工作. 这个时候你又为了这个项目写了一个类似gulp脚本.

后来你又写了项目2、项目3···，你每次都用相同的技术栈，每次的gulp脚本都大同小异，这时候你发现，写这么多gulp脚本也成了重复性工作. 这就是　为减少重复性工作而做的重复性工作.

而脚手架就可以帮你减少这些　为减少重复性工作而做的重复性工作. 脚手架一个命令，目录结构、gulp脚本、babel配置、空的测试文件都帮你搞好了. 直接写核心业务代码，不做重复性工作，这就是脚手架的作用.

当然一般不同的技术技术栈会有自己的目录结构、工作流程，所以很多前端框架比如vue、angular、 ember会有自己的脚手架工具（一般就叫XXX-cli）. yeoman也可以根据不同的生成器(generator)成为不同项目的脚手架工具.

作者：flowmemo
链接：https://www.zhihu.com/questio...
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

云服务器 GPU云服务器前端和后端有什么区别前端开发和后端开发有什么不同前端开发和后端开发的区别前端到底是什么

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98331.html

AngularJS简述

流行框架简介 angularjs是一款非常优秀的前端高级JS框架，由谷歌团队开发维护，能够快速构建单页web应用，化繁为简无论是angularjs还是jQuery都是用原生JS封装的库：对代码进行封装，调用封装的方法，简化操作传统方式是用get方式获取元素，然后点方法 jQuery库实现了对获取方式的封装，对方法的封装框架：提供代码书写规则，按照规则去写代码，框架会帮我们实现响应的功能...

Jason 2019-08-23 11:25 评论0 收藏0
gulp入门

摘要：通过输入文件流，将文件写入硬盘，并输出所有数据，能继续向下游，所以文件流可以继续被处理并被写入到其他地方。如果写入文件夹不存在，就会创建它。第二个参数，当前任务依赖的任务列表，依赖任务在当前任务运行之前完成。 gulp 简介用自动化构建工具增强你的工作流程。通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。利用 Node.js 流的威力，你可以快速构建项目并...

kycool 2019-08-23 14:44 评论0 收藏0
本命年一定要记得穿红裤衩：2015年总结

摘要：年终总结结果到这个时间才写，其实也是无奈。这一年最重要的事情就是顺利从一只学生狗转职为一只社畜。四月份毕业之后以前端工程师的职位入职天猫，到现在也差不多工作一年了。年终总结结果到这个时间才写，其实也是无奈。本来计划过年写的，没想到Steam竟然开了个农历春节特惠，然后就被各种游戏打了，辣鸡平台，敛我钱财，颓我精神，耗我青春，害我单身以下全都是个人看法，如果有不认同的地方，请大吼一声...

AlienZHOU 2019-08-19 17:38 评论0 收藏0
本命年一定要记得穿红裤衩：2015年总结

摘要：年终总结结果到这个时间才写，其实也是无奈。这一年最重要的事情就是顺利从一只学生狗转职为一只社畜。四月份毕业之后以前端工程师的职位入职天猫，到现在也差不多工作一年了。年终总结结果到这个时间才写，其实也是无奈。本来计划过年写的，没想到Steam竟然开了个农历春节特惠，然后就被各种游戏打了，辣鸡平台，敛我钱财，颓我精神，耗我青春，害我单身以下全都是个人看法，如果有不认同的地方，请大吼一声...

xi4oh4o 2019-08-01 15:06 评论0 收藏0
webpack4.x升级摘要

摘要：以为例，编写来帮助我们完成重复的工作编译压缩我只要执行一下就可以检测到文件的变化，然后为你执行一系列的自动化操作，同样的操作也发生在这些的预处理器上。的使用是针对第三方类库使用各种模块化写法以及语法。 showImg(https://segmentfault.com/img/bVbtZYK); 一：前端工程化的发展很久以前，互联网行业有个职位叫做软件开发工程师在那个时代，大家可能...

levinit 2019-08-23 18:11 评论0 收藏0