天天看點

Vue入門(二)—— vue項目建立

本文章預設您已經搭建好了vue-cli腳手架,如果您還沒有搭建好,可以通路上一篇文章Vue入門(一)—— vue-cli腳手架安裝。

1.打開vue圖形界面

執行指令

vue ui
           

此時浏覽器會彈出圖形界面工具

2.建立項目

Vue入門(二)—— vue項目建立

點選頁面下方的建立新項目

Vue入門(二)—— vue項目建立

在詳情頁下完成兩個操作:

1.輸入項目名稱

2.填寫一個git初始化送出資訊(此步可省)

其他的選項保持預設即可,點選下一步

Vue入門(二)—— vue項目建立

進入預設頁

其中my_preset為使用者的自定義預設(配置完成後可儲存為預設,下次不用再配置)

有預設的話到此步就選擇你的預設即可建立完成。

沒有預設的話點選“手動”建立,然後點選下一步。

進入功能頁,此處暫且選擇5個功能:

1.Babel(必選)

2.Router(必選)

3.Vuex(小項目沒必要,大項目選)

4.Linter/Formatter(必選)

5.使用配置檔案(推薦)

點選下一步。

進入配置頁

選擇 Linter/Formatter 的配置為 standard 标準的配置,如圖

Vue入門(二)—— vue項目建立

其他配置保持不變,點選建立項目

此時會彈出一個界面問你是否儲存為預設,你可以自行選擇。

選擇完成後,稍等一下項目就建立好了,此時會顯示儀表盤界面。

你可繼續添加依賴或插件,也可以通過任務頁來啟動項目。

下篇文章會具體講項目的初始化配置。

繼續閱讀