vue/cli3以后通過vue ui搭建專案## 標題
vue3開始,提供了一個快速配置和搭建vue專案的網頁可視化操作界面,現在最新的好像已經是vue4.5.6了,接下來是我使用vue ui創建vue專案的一些經驗,
1.在要創建專案的盤符的檔案夾下cmd 和 vue ui
目前你在哪個盤符下進行cmd 然后 vue ui 那么在網頁頁面將不能再對盤符進行修改了(黑視窗會提示要你將node的版本上升到8或者更高,現在node好像都有14版本的了)

左下角可以看到你的當前盤符,我的這里是f盤,同時需要留意一個按鈕,盤符展示的左邊那個home按鈕,他可以進行和下面界面的切換,有時候你在界面找半天也找不到創建專案界面去哪里了,點擊他就可以發現奇跡了,

2. 我們回到創建專案:

點擊創建,上面幾個地方可以對創建專案的地址進行修改

git那里我取消勾選,因為我在那里翻過車,因為對git了解不深,如果你也同樣翻車了,可以去看看我的:https://blog.csdn.net/qq_40165432/article/details/108697413
里面有我對翻車后的解決辦法,
點擊下一步:

這里你可以選擇你要創建的專案預設,最初默認會有4種選項,自定義,默認,遠程、默認vue3預設配置,意思是說你可以手動去選擇要進行的專案預設,也可以選擇自己之前設定的預設或者系統提供給你的預設方案,如果你想洗掉你之前的預設:

洗掉這個檔案,你下次進來你自己的預設沒有了,如果你知道更多的洗掉自己預設的方法,請在下方留言,或者我說錯了,也請留言,我們共同查看驗證和探討,
我這里就不適用之前自己的預設,而是使用手動:

右邊是我的對左邊可選項的理解,其實最后那里還有一個,我也是不知道做什么的,把需要的勾選好之后點擊下一步,因為上一張我選擇了可以修改vue專案版本,所以會有下面第一個;第二個關于#符合的自主選擇,這里不選,在router的js檔案里面配置mode:"history"也是可以去除#符合的,具體使用帶著【mode:“history”】去百度,后面那兩個的選擇參照下面第二張圖,具體區別我不清楚,你們懂的可以在下方留言

選擇,vue版本那里選擇3.x,隨意,根據需要

點擊創建專案:
這里就是之前說的預設問題了,這里可以輸入你的預設配置名稱,也可以直接點擊中間的“創建專案,不保存預設”

然后界面轉圈,創建專案

可能會有幾分鐘,好了以后會有系統提示,

同時如果你這里創建失敗,看控制臺,可能會報一個“.zh/index.js”的模塊不存在,那么,將上面提到的預設組態檔洗掉,將你安裝在全域的vue相關的洗掉,因為我當前通過node下載在全域的內容不多,就cnpm/yarn等幾個,所以我將我的node_global檔案夾下面的內容全部洗掉了,然后再重新下載回來,因為我就只有幾個全域的,所以也不麻煩

然后再進行cmd 和 vue ui進行專案創建
創建完成以后:會默認到這個界面,你如果還想創建專案,那么點擊左下角的home圖示,如果你想這個時候看你的專案

想看專案下下面這張:從左到右完成后

啟動成功后

點擊昂啟動app

好的,如果你運行到上面這個界面,ok,完成了,最后不需要的話點擊那個暫停按鈕,不然他會占用你的網路埠,
最后,如果你們對于我的步驟中的欠缺有什么意見或者建議歡迎在評論去留言,也方便后續的人更加方便合理,以及加深對這個工具的理解和使用,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/97123.html
標籤:其他
