您好,登錄后才能下訂單哦!
這期內容當中小編將會給大家帶來有關什么是vue腳手架,文章內容豐富且以專業的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
vue腳手架指的是vue-cli,它是一個專門為單頁面應用快速搭建繁雜的腳手架,它可以輕松的創建新的應用程序而且可用于自動生成vue和webpack的項目模板。
Vue是一個用于構建用戶界面的漸進式框架。它是可以自底向上逐層應用。Vue 的核心庫只關注視圖層,不僅易于上手,還便于與第三方庫或者現有的項目進行整合。 另一方面當與現代化的工具鏈以及各種支持類庫結合使用時,Vue也完全能夠為復雜的單頁應用提供驅動,接下來將介紹Vue中的一個重要內容vue-cli,就有一定的參考價值,希望對大家有所幫助。
vue-cli是什么
vue-cli是有Vue提供的一個官方cli,專門為單頁面應用快速搭建繁雜的腳手架。它是用于自動生成vue.js+webpack的項目模板,是為現代前端工作流提供了 batteries-included 的構建設置。只需要幾分鐘的時間就可以運行起來并帶有熱重載,保存時 lint 校驗,以及生產環境可用的構建版本
vue-cli的使用
(1)安裝vue-cli
打開終端窗口即打開cmd(win+R快捷鍵)在里面輸入以下內容
npm install -g @vue.cli
在這篇文章中我們需要安裝vue-cli的版本3或者是更高的版本。如果想查看版本可以輸入以下的命令
vue --version
如果安裝的版本低于版本3,需要安裝最新版本
(3)創建自定義項目
與Angular和React CLI一樣,Vue的CLI可以輕松創建新的應用程序。Vue方法最酷的特點是可以根據您的目標自定義獲得樣板項目
在終端中輸入以下內容:
vue create my-app
這是CLI會讓你選擇是要將其中一個預設用于babel還是eslint,還是手動選擇要使用的功能。如果選擇手動,您將看到以下屏幕
當你回答了所有問題Vue將下載并安裝你需要的一切。從那里你可以進入目錄并運行npm run serve來查看項目,或者在你的編輯器中打開它。下圖顯示了如果您選擇了許多或所有可用功能,您的腳手架項目可能會是什么樣子。
上述就是小編為大家分享的什么是vue腳手架了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。