前端開發中提到的“腳手架”到底指什么，CLI？gulp 和 gulp-cli有什么區別

shadajin 發布于2019-08-23 12:20 / 779人閱讀

摘要：一般來說，腳手架是幫你減少為減少重復性工作而做的重復性工作的工具和的區別可以看這個它跟前端常說的腳手架不是一個東西只是的縮寫舉個例子你要寫一個項目，源語言為，用了后端是你每次完成一部分功能，你都要用把編譯到編譯壓縮文件每次修改代碼都要

一般來說，腳手架是幫你減少「為減少重復性工作而做的重復性工作」的工具.

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云服務器前端和后端有什么區別前端開發和后端開發有什么不同前端開發和后端開發的區別前端到底是什么

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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