vue ui是什麼? 簡單來說,vue ui是一個可視化圖形界面,方便你去創建、更新和管理vue項目,包括下載router,vuex,axios,elementui等插件,配置好一些屬性以及依賴關係,方便我們使用,我個人第一次接觸它就感覺非常非常非常智能和強大 配置步驟 1、安裝Vue CLI,因為 ...
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項目。