首頁 > web前端 > js教程 > vue鷹架是什麼

vue鷹架是什麼

清浅
發布: 2019-05-08 09:34:00
原創
34108 人瀏覽過

vue鷹架指的是vue-cli,它是一個專門為單頁應用快速搭建繁雜的腳手架,它可以輕鬆的創建新的應用程序而且可用於自動生成vue和webpack的項目模板。

Vue是一個用來建立使用者介面的漸進式框架。它是可以自底向上逐層應用。 Vue 的核心函式庫只專注於視圖層,不僅易於上手,也便於與第三方函式庫或現有的專案進行整合。另一方面當與現代化的工具鏈以及各種支援類別庫結合使用時,Vue也完全能夠為複雜的單頁應用提供驅動,接下來將介紹Vue中的一個重要內容vue-cli,就有一定的參考價值,希望對大家有幫助。

vue鷹架是什麼

【推薦課程:Vue.js教學

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鷹架是什麼

#當你回答了所有問題Vue將下載並安裝你需要的一切。從那裡你可以進入目錄並運行npm run serve來查看項目,或者在你的編輯器中打開它。下圖顯示如果您選擇了許多或所有可用功能,您的鷹架專案可能會是什麼樣子。

vue鷹架是什麼

總結:以上就是這篇文章的全部了,希望透過這篇文章可以幫助大家了解vue-cli的相關知識。

以上是vue鷹架是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板