1. 程式人生 > 程式設計 >Vue UI建立專案詳細步驟

Vue UI建立專案詳細步驟

1.首先要安裝最新的 CLI

在命令列工具裡輸入一下命令

npm install -g @vue/cliYKTEjVm

或者

yarn global add @vue/cli

安裝成功後,可用vue -V命令檢視已安裝的Vue Chttp://www.cppcns.comLI版本

VueUI建立專案詳細步驟

2.在命令列執行 vue ui,就會出現圖形化管理

VueUI建立專案詳細步驟

VueUI建立專案詳細步驟

在介面上可以看到第一個tab專案,點選建立這個tab ,可以來建立一個新的vue專案

3.點選了建立之後可以看到一下內容,可以專案建立一個目錄或者選擇一個目錄,然後選擇一種包管理工具:可以使npm,也可以是yarn等

VueUI建立專案詳細步驟

4.點選下一步後,出現預設外掛和配置的介面,按照自己的需求選擇就可以,此處選擇了預設的。

VueUI建立專案詳細步驟

5.點選建立專案後

VueUI建立專案詳細步驟

已安裝的外掛,也可以在右上角點選新增外掛安裝想要的外掛。

VueUI建立專案詳細步驟

新增外掛頁面,也得要點選右下角的安裝~

VueUI建立專案詳細步驟

再返回到外掛就會看到剛才安裝的外掛了,如下所示:

VueUI建立專案詳細步驟

6.最後我們來看下 通過vue ui生成的專案結構

VueUI建立專案詳細步驟

執行一下專案,npm run shttp://www.cppcns.comerve

VueUI建立專案詳細步驟

到此這篇關於Vue UI建立專案詳細步驟的文章就介紹到這了,更多相關VueYKTEjVm UI建立專案內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!