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