1. 程式人生 > >使用vue-ui來建立專案並安裝vue-cli-plugin-element外掛

使用vue-ui來建立專案並安裝vue-cli-plugin-element外掛

vue-ui的使用

在要新建專案的目錄下開啟cmd,輸入:

vue ui

此時瀏覽器會彈出視窗,如果不彈出,手動輸入提示的url。

開啟瀏覽器的頁面如下:

點選中間的建立

點選在此建立專案

輸入專案資料夾,以及包管理器,這裡選擇npm,點選下一步

選擇一套預設,這裡選擇預設,後續可以自己手動配置或者遠端從git倉庫拉取。

選擇完成後,點選建立專案

此時會提示正在安裝Vue Cli外掛,等待一段時間,建立完成後如下

安裝vue-cli-plugin-element外掛

點選右上角新增外掛,輸入外掛名字:vue-cli-plugin-element、

點選第一個,點選安裝vue-cli-plugin-element

然後點選完成安裝

可以到外掛裡看到已經安裝成功

執行專案

點選任務,選擇server,再點選執行,可以檢視輸出以及控制檯

執行結果