天天看點

【vue】第二種建立vue項目的方式:通過浏覽器可視化方式建立(vue ui)

上一篇主要講了通過指令行的方式建立vue項目(vue create test_vue_app),今天咱們通過另外一種方式(浏覽器可視化)來建立一個vue項目

1、通過vs code(或是power shall)打開放置項目的檔案夾,如test004,然後輸入vue ui

【vue】第二種建立vue項目的方式:通過浏覽器可視化方式建立(vue ui)

 2、稍等片刻後,會自動打開浏覽器,以可視化的(UI)形式來建立vue項目

【vue】第二種建立vue項目的方式:通過浏覽器可視化方式建立(vue ui)

點選create a new project here, 在新頁面中,輸入project folder,test_vue_app02

【vue】第二種建立vue項目的方式:通過浏覽器可視化方式建立(vue ui)

package manager選擇npm

【vue】第二種建立vue項目的方式:通過浏覽器可視化方式建立(vue ui)

點選next,在preset中選擇manual,再點選next

【vue】第二種建立vue項目的方式:通過浏覽器可視化方式建立(vue ui)

在下一頁中勾選router和vuex,點選next

【vue】第二種建立vue項目的方式:通過浏覽器可視化方式建立(vue ui)

vue的版本選擇3.x,證規則選擇第一種

選擇完成後,點選create project

【vue】第二種建立vue項目的方式:通過浏覽器可視化方式建立(vue ui)

在彈出的預設視窗中,根據需要進行選擇

【vue】第二種建立vue項目的方式:通過浏覽器可視化方式建立(vue ui)

但是,然并卵,直接報錯了(沒有報錯的小夥伴請忽略)

【vue】第二種建立vue項目的方式:通過浏覽器可視化方式建立(vue ui)

查找了一下vue的版本

【vue】第二種建立vue項目的方式:通過浏覽器可視化方式建立(vue ui)

解決方案待測試...

vue