VUE CLI是一個基于Vue.js進(jìn)行快速開發(fā)的完整系統(tǒng)。它在官方文檔中被描述為“安裝Vue的最佳方式”。
Vue CLI實現(xiàn)了創(chuàng)建基于Vue.js的單頁面應(yīng)用程序最佳實踐,包括使用最新的ES6 / 7語言編寫代碼,使用Webpack構(gòu)建與打包,自動代碼靜態(tài)分析以及熱重載功能支持。此外,Vue CLI還包含一組預(yù)配置的插件和約定,以幫助您快速開始開發(fā)Vue.js應(yīng)用程序。
npm install -g vue-cli vue init webpack my-project cd my-project npm install npm run dev
如上代碼片段,我們可以注意到,使用Vue CLI可以很方便的安裝Vue.js。我們可以全局安裝Vue CLI,然后使用模板來創(chuàng)建一個新的項目。Vue CLI會自動創(chuàng)建相應(yīng)的目錄結(jié)構(gòu),并按照一定的規(guī)則進(jìn)行配置。在項目根目錄下執(zhí)行npm install來下載項目需要的依賴包。接著我們使用npm run dev來啟動我們的項目。Vue CLI自帶的開發(fā)服務(wù)器將會在本地主機(jī)上啟動一個HTTP服務(wù)器,默認(rèn)監(jiān)聽8080端口。
總之,Vue CLI提供了一套完整的開發(fā)體驗,大大提高了Vue.js開發(fā)的效率。對于開發(fā)者而言,我們只需要關(guān)注業(yè)務(wù)邏輯,而不需要關(guān)心代碼打包、代碼分析等技術(shù)細(xì)節(jié)。這種把重心放到業(yè)務(wù)邏輯的開發(fā)模式會使得開發(fā)者更加專注、高效。