VUE3(二)使用vue-cli創建一個項目


VUE3官方推薦使用vite來構建項目,但是並不是說之前使用vue-cli創建項目就不行了。

使用vue-cli創建項目,要確保你的vue-cli的版本要大於4.5.6.

一:安裝vue-cli

建議使用 npm 安裝

Yarn 安裝不會默認安裝 vue 命令。

1:命令

npm install -g @vue/cli

2:升級命令

npm update -g @vue/cli

3:查看版本

vue --version

二:使用命令行創建項目

vue create vue3-test

大概需要以下幾個步驟:

1:選擇安裝版本,我們選擇第三個自定義安裝

1.png

2:選擇你安裝的插件,使用空格選擇/取消

2.png

3:選擇vue版本,我們選擇3.x

在這里插入圖片描述

4:選擇你要的代碼風格,路由是否使用歷史模式,以及代碼檢索模式

在這里插入圖片描述

5:創建成功,會顯示兩條命令。使用這兩條命令,即可運行項目

在這里插入圖片描述

三:使用圖形界面創建項目

1:打開圖形界面

vue ui

2:創建步驟是與使用命令行創建是一樣的。

(1):創建項目

在這里插入圖片描述

(2):選擇創建項目模式

在這里插入圖片描述

(3):預安裝插件

在這里插入圖片描述

(4):選擇VUE版本等

9.png

(5):創建成功

在這里插入圖片描述

有好的建議,請在下方輸入你的評論。
歡迎訪問個人博客
https://guanchao.site

歡迎訪問小程序:

在這里插入圖片描述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM