資訊專欄INFORMATION COLUMN
摘要：一般來(lái)說(shuō)，腳手架是幫你減少為減少重復(fù)性工作而做的重復(fù)性工作的工具和的區(qū)別可以看這個(gè)它跟前端常說(shuō)的腳手架不是一個(gè)東西只是的縮寫舉個(gè)例子你要寫一個(gè)項(xiàng)目，源語(yǔ)言為，用了后端是你每次完成一部分功能，你都要用把編譯到編譯壓縮文件每次修改代碼都要
一般來(lái)說(shuō)，腳手架是幫你減少「為減少重復(fù)性工作而做的重復(fù)性工作」的工具.
gulp和gulp-cli的區(qū)別可以看這個(gè)task - what does gulp-"cli" stands for? . 它跟前端常說(shuō)的腳手架（scaffold）不是一個(gè)東西. CLI只是Command Line Interface的縮寫.
====
舉個(gè)例子
你要寫一個(gè)項(xiàng)目0，源語(yǔ)言為ES6，用了sass, 后端是node. 你每次完成一部分功能，你都要用把ES6編譯到ES5、編譯sass、壓縮html文件.
每次修改代碼都要做的編譯ES6、sass、壓縮html這些就是 重復(fù)性工作.
后來(lái)你知道了gulp, 然后你寫了個(gè)gulp腳本，每次有代碼改動(dòng)，一句gulp build就幫你完成了上面說(shuō)的這些重復(fù)性工作.你寫的gulp腳本就是 為減少重復(fù)性工作而做的工作.
你寫完這個(gè)項(xiàng)目0之后，你又要寫項(xiàng)目1，還是ES6、sass、后端node，還要完成之前的那些重復(fù)性工作. 這個(gè)時(shí)候你又為了這個(gè)項(xiàng)目寫了一個(gè)類似gulp腳本.
后來(lái)你又寫了項(xiàng)目2、項(xiàng)目3···，你每次都用相同的技術(shù)棧，每次的gulp腳本都大同小異，這時(shí)候你發(fā)現(xiàn)，寫這么多gulp腳本也成了重復(fù)性工作. 這就是 為減少重復(fù)性工作而做的重復(fù)性工作.
而腳手架就可以幫你減少這些 為減少重復(fù)性工作而做的重復(fù)性工作. 腳手架一個(gè)命令，目錄結(jié)構(gòu)、gulp腳本、babel配置、空的測(cè)試文件都幫你搞好了. 直接寫核心業(yè)務(wù)代碼，不做重復(fù)性工作，這就是腳手架的作用.
當(dāng)然一般不同的技術(shù)技術(shù)棧會(huì)有自己的目錄結(jié)構(gòu)、工作流程，所以很多前端框架比如vue、angular、 ember會(huì)有自己的腳手架工具（一般就叫XXX-cli）. yeoman也可以根據(jù)不同的生成器(generator)成為不同項(xiàng)目的腳手架工具.
作者：flowmemo
鏈接：https://www.zhihu.com/questio...
來(lái)源：知乎
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/98331.html
流行框架 簡(jiǎn)介 angularjs是一款非常優(yōu)秀的前端高級(jí)JS框架，由谷歌團(tuán)隊(duì)開(kāi)發(fā)維護(hù)，能夠快速構(gòu)建單頁(yè)web應(yīng)用，化繁為簡(jiǎn) 無(wú)論是angularjs還是jQuery都是用原生JS封裝的 庫(kù)：對(duì)代碼進(jìn)行封裝，調(diào)用封裝的方法，簡(jiǎn)化操作 傳統(tǒng)方式是用get方式獲取元素，然后點(diǎn)方法 jQuery庫(kù)實(shí)現(xiàn)了對(duì)獲取方式的封裝，對(duì)方法的封裝 框架：提供代碼書寫規(guī)則，按照規(guī)則去寫代碼，框架會(huì)幫我們實(shí)現(xiàn)響應(yīng)的功能...
摘要：通過(guò)輸入文件流，將文件寫入硬盤，并輸出所有數(shù)據(jù)，能繼續(xù)向下游，所以文件流可以繼續(xù)被處理并被寫入到其他地方。如果寫入文件夾不存在，就會(huì)創(chuàng)建它。第二個(gè)參數(shù)，當(dāng)前任務(wù)依賴的任務(wù)列表，依賴任務(wù)在當(dāng)前任務(wù)運(yùn)行之前完成。 gulp 簡(jiǎn)介 用自動(dòng)化構(gòu)建工具增強(qiáng)你的工作流程。 通過(guò)代碼優(yōu)于配置的策略，Gulp 讓簡(jiǎn)單的任務(wù)簡(jiǎn)單，復(fù)雜的任務(wù)可管理。 利用 Node.js 流的威力，你可以快速構(gòu)建項(xiàng)目并...
摘要：年終總結(jié)結(jié)果到這個(gè)時(shí)間才寫，其實(shí)也是無(wú)奈。這一年最重要的事情就是順利從一只學(xué)生狗轉(zhuǎn)職為一只社畜。四月份畢業(yè)之后以前端工程師的職位入職天貓，到現(xiàn)在也差不多工作一年了。 年終總結(jié)結(jié)果到這個(gè)時(shí)間才寫，其實(shí)也是無(wú)奈。本來(lái)計(jì)劃過(guò)年寫的，沒(méi)想到Steam竟然開(kāi)了個(gè)農(nóng)歷春節(jié)特惠，然后就被各種游戲打了，辣雞平臺(tái)，斂我錢財(cái)，頹我精神，耗我青春，害我單身 以下全都是個(gè)人看法，如果有不認(rèn)同的地方，請(qǐng)大吼一聲...
摘要：年終總結(jié)結(jié)果到這個(gè)時(shí)間才寫，其實(shí)也是無(wú)奈。這一年最重要的事情就是順利從一只學(xué)生狗轉(zhuǎn)職為一只社畜。四月份畢業(yè)之后以前端工程師的職位入職天貓，到現(xiàn)在也差不多工作一年了。 年終總結(jié)結(jié)果到這個(gè)時(shí)間才寫，其實(shí)也是無(wú)奈。本來(lái)計(jì)劃過(guò)年寫的，沒(méi)想到Steam竟然開(kāi)了個(gè)農(nóng)歷春節(jié)特惠，然后就被各種游戲打了，辣雞平臺(tái)，斂我錢財(cái)，頹我精神，耗我青春，害我單身 以下全都是個(gè)人看法，如果有不認(rèn)同的地方，請(qǐng)大吼一聲...
摘要：以為例，編寫來(lái)幫助我們完成重復(fù)的工作編譯壓縮我只要執(zhí)行一下就可以檢測(cè)到文件的變化，然后為你執(zhí)行一系列的自動(dòng)化操作，同樣的操作也發(fā)生在這些的預(yù)處理器上。的使用是針對(duì)第三方類庫(kù)使用各種模塊化寫法以及語(yǔ)法。 showImg(https://segmentfault.com/img/bVbtZYK); 一：前端工程化的發(fā)展 很久以前，互聯(lián)網(wǎng)行業(yè)有個(gè)職位叫做 軟件開(kāi)發(fā)工程師 在那個(gè)時(shí)代，大家可能...
閱讀 2624·2021-09-22 15:25
閱讀 3044·2021-09-14 18:03
閱讀 1311·2021-09-09 09:33
閱讀 1778·2021-09-07 09:59
閱讀 3005·2021-07-29 13:50
閱讀 1562·2019-08-30 15:44
閱讀 1777·2019-08-29 16:22
閱讀 1351·2019-08-29 12:49
