vue脚手架是什么(Vue脚手架报错)
vue腳手架指的是vue-cli,它是一個(gè)專門為單頁面應(yīng)用快速搭建繁雜的腳手架,它可以輕松的創(chuàng)建新的應(yīng)用程序而且可用于自動(dòng)生成vue和webpack的項(xiàng)目模板。
Vue是一個(gè)用于構(gòu)建用戶界面的漸進(jìn)式框架。它是可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層,不僅易于上手,還便于與第三方庫或者現(xiàn)有的項(xiàng)目進(jìn)行整合。 另一方面當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時(shí),Vue也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用提供驅(qū)動(dòng),接下來將介紹Vue中的一個(gè)重要內(nèi)容vue-cli,就有一定的參考價(jià)值,希望對(duì)大家有所幫助。
【推薦課程:Vue.js教程】
vue-cli是什么
vue-cli是有Vue提供的一個(gè)官方cli,專門為單頁面應(yīng)用快速搭建繁雜的腳手架。它是用于自動(dòng)生成vue.js+webpack的項(xiàng)目模板,是為現(xiàn)代前端工作流提供了 batteries-included 的構(gòu)建設(shè)置。只需要幾分鐘的時(shí)間就可以運(yùn)行起來并帶有熱重載,保存時(shí) lint 校驗(yàn),以及生產(chǎn)環(huán)境可用的構(gòu)建版本
vue-cli的使用
(1)安裝vue-cli
打開終端窗口即打開cmd(win+R快捷鍵)在里面輸入以下內(nèi)容
npm install -g @vue.cli
登錄后復(fù)制
在這篇文章中我們需要安裝vue-cli的版本3或者是更高的版本。如果想查看版本可以輸入以下的命令
vue --version
登錄后復(fù)制
如果安裝的版本低于版本3,需要安裝最新版本
(3)創(chuàng)建自定義項(xiàng)目
與Angular和React CLI一樣,Vue的CLI可以輕松創(chuàng)建新的應(yīng)用程序。Vue方法最酷的特點(diǎn)是可以根據(jù)您的目標(biāo)自定義獲得樣板項(xiàng)目
在終端中輸入以下內(nèi)容:
vue create my-app
登錄后復(fù)制
這是CLI會(huì)讓你選擇是要將其中一個(gè)預(yù)設(shè)用于babel還是eslint,還是手動(dòng)選擇要使用的功能。如果選擇手動(dòng),您將看到以下屏幕
當(dāng)你回答了所有問題Vue將下載并安裝你需要的一切。從那里你可以進(jìn)入目錄并運(yùn)行npm run serve來查看項(xiàng)目,或者在你的編輯器中打開它。下圖顯示了如果您選擇了許多或所有可用功能,您的腳手架項(xiàng)目可能會(huì)是什么樣子。
總結(jié):以上就是本篇文章的全部內(nèi)容了,希望通過這篇文章可以幫助大家了解vue-cli的相關(guān)知識(shí)。
以上就是vue腳手架是什么的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注風(fēng)君子博客其它相關(guān)文章!
總結(jié)
以上是生活随笔為你收集整理的vue脚手架是什么(Vue脚手架报错)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: tp5分布式redis_TP5通过缓存数
- 下一篇: 7z解压crc错误_winrar压缩包提