vue3項目新建

一. 全局安裝vue3

詳細步驟詳見 ：[在全局vue2的基礎上安裝vue3（同時存在兩個版本）](https://blog.csdn.net/Jioho_chen/article/details/90455778)

當然可以vue2的基礎上直接升級成vue3，這樣vue2就不能繼續使用了。

查看本機vue3的版本號：（因爲我同時需要使用vue3和vue2，故改變了全局命令的名稱）

vue3包含的命令：

二. 新建項目

vue3中提供兩種新建項目方法：

1. 使用命令行新建

vue create ProjectName  // 文件名 不支持駝峯（含大寫字母）

選擇自動加入babel和eslint
或者手動選擇
我們選擇自動加入

開始下載

等待下載完成

如上圖提示命令：cd libin-test & npm run serve

進入文件夾 cd libin-test，文件目錄如下圖所示，對比vue2項目 內容精簡很多

運行項目npm run serve
記得不再是vue2的npm run dev 啦

運行成功，打開地址，如圖所示，創建成功

2. 使用vue3特有的圖形化工具創建
   打開命令行直接運行vue ui（此vue代表全局的vue3，我本機爲vue3命令）
   
   自動打開了http://localhost:8000/dashboard頁面，如下圖所示（因爲我之前運行過，所以默認打開這個項目）

選擇vue項目管理器回到主頁面


點擊創建項目，選擇路徑和名稱等

根據自己的喜好，創建項目

創建成功，等待下載依賴

此時我的vue版本爲

之前3.11.0創建項目時一直報錯後面給它升級成了最新的4.1.1創建成功！

直接在圖形化界面打開項目：

運行項目

編譯成功

點擊路徑，打開即可

創建成功