vue ui是什么?
簡單來說,vue ui是一個可視化圖形界面,方便你去創建、更新和管理vue專案,包括下載router,vuex,axios,elementui等插件,配置好一些屬性以及依賴關系,方便我們使用,我個人第一次接觸它就感覺非常非常非常智能和強大
配置步驟
1、安裝Vue CLI,因為vue ui是在Vue CLI基礎上封裝的
ps:vue ui命令是vue 3.x版本以上才支持,如果之前安裝過 使用vue -V 查看一下版本 如果版本太低 因此需要更新vue的版本, 步驟:
1.1 首先使用以下命令卸載舊版本:npm uninstall vue-cli -g;
2.2 然后使用下面命令安裝最新版本:npm i -g @vue/cli ;
2.3 使用 vue -V 查看版本 如下

2.4 輸入 vue -h 命令查看commands,發現已經有 ui [oprions] 的選項 了, 如下圖:

2、使用使用vue ui創建vue專案
2.1 在cmd視窗輸入vue ui命令,等待自動打開瀏覽器視窗如下:


2.2點擊左上角的下拉箭頭,選擇Vue 專案管理器,再點擊創建,自定義專案路徑,然后點擊在此創建新專案


2.3 接著填寫專案名稱,可以選擇把初始化Git倉庫勾選掉,點擊下一步

2.4 選擇手動配置預設,點擊下一步

2.5 在默認的基礎上,勾選下面兩項,然后點擊下一步:

2.6 在配置的頁面勾選如下,然后點擊創建專案,等待創建完成:

2.7 選擇不創建預設,創建專案:

2.8 等待創建完成后,點擊任務,點擊server,點擊運行,等待啟動,最后點擊啟動app,至此,就完整創建了一個vue專案,



轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/555291.html
標籤:其他
上一篇:解決:js 根據圖片鏈接(image url)下載,有的打開預覽,有的下載
下一篇:返回列表
