什么是vue-cli坎穿?vue-cli用來干什么的轿钠,為什么會有這個(gè)東西呢芭概?
什么是vue-cli
- 大部分的文章一般上來就交給你如何使用vue-cli搭建一個(gè)vue項(xiàng)目岔擂,或者快速開發(fā)vue項(xiàng)目位喂,但是并沒有解釋vue-cli是個(gè)什么東西,做什么用的乱灵,那么我就來講一下vue-cli到底是個(gè)什么東西塑崖?
- 第一我們先從單詞上來看,vue-cli:vue其實(shí)就是我們尤大神開發(fā)出的一套前端框架痛倚,那么cli是什么呢规婆,翻譯成中文是“命令行界面”,說簡單點(diǎn)我們用的window窗口中“cmd”命令窗口,注意抒蚜,CLI不是“腳手架”的英文簡稱掘鄙,而是command-line interface的英文簡稱。Vue CLI 是一個(gè) Vue.js 快速開發(fā)的完整系統(tǒng)(或者俗稱為:命令行工具)嗡髓,它所具有的一項(xiàng)功能是:
為單頁面應(yīng)用快速搭建 (SPA) 繁雜的腳手架操漠。
大家肯定都聽這個(gè)vue-cli叫做vue腳手架,那么腳手架是什么東西呢饿这?下面看張圖浊伙,大家都明白了,并且大家都常見
沒錯(cuò)就是大家看到的,我們建筑工地這個(gè)架子就是腳手架长捧,那么很明顯嚣鄙,這個(gè)腳手架就是用來我們在建造房子也就是建造我們代碼的時(shí)候用來支撐我們建造房子的,是不是明白了呢
為什么用這個(gè)vue-cli
- 前面剛剛介紹完webpack應(yīng)該會有所了解串结,由于我們針對特殊語法或者更高級的e6哑子,es7或者像vue這種語言需要進(jìn)行代碼編譯解析成瀏覽器認(rèn)識的js代碼,才可以進(jìn)行正常展示奉芦,所以呢赵抢,我們可以通過webpack去處理vue相關(guān)的代碼,進(jìn)行打包加載
- 通過webpack就可以声功,為什么用vue-cli呢烦却,原因很簡單,尤大神幫我們配置好了一些webpack里面很多復(fù)雜的配置項(xiàng)先巴,比如laoder其爵,打包js,css相關(guān)優(yōu)化伸蚯,讓我們可以不用管webpack具體的優(yōu)化配置摩渺,可以直接進(jìn)行開發(fā),大神就是大神剂邮,方便你我他摇幻,真的好是不是,當(dāng)然如果初學(xué)vue的話我建議用引入的方式來學(xué)習(xí)挥萌,不要直接使用cli绰姻,除非你懂webpack,好啦引瀑,下一步就要介紹vue-cli里面有哪些東西咯