vue系列---【如何使用vue ui圖形化界面創建一個vue項目？（注意：適用於3.0.x版本）】

1.打開命令窗口，執行命令：vue ui，執行完之后，自動跳到下面的界面；

2.點擊創建，選個目錄（即項目保存路徑），點擊在此創建新項目；

 

 3.填寫項目名稱，git填寫提交的初始信息，下一步；

 

 4.選擇默認和手動都行，這里我選手動，下一步；

 

 5.如圖選中四項常用的，使用配置文件的目的是為了不讓所有的配置都放在package.json中，分開放更好區分；

 

 6.如圖，下一步；

 

 7.填寫預設名，保存預設並創建項目；

 

 8.如圖，按步驟執行，點完啟動app就會自動跳到默認首頁；

 

 9.在項目的根目錄下手動創建vue.config.js文件，並把下面內容拷進去；

module.exports = {
    devServer: {
        //自動打開瀏覽器
        open: true,
        port: 8899
    }
}

注意：這里也可以直接配到package.json中，但不建議這么做。

10.此時，再運行：npm run serve，項目啟動成功后，端口就變成了8899，並且自動打開瀏覽器。