1.安裝腳手架
1.1 安裝步驟
(1)查看當(dāng)前腳手架版本
>vue -V
注意:-V(大寫)
//如果沒有執(zhí)行下一步安裝腳手架
(2)全局安裝腳手架
>npm i @vue/cli -g
(3)創(chuàng)建項目
>vue create app
注意:app是自定義項目名(建議用小寫字母)
(4)創(chuàng)建項目的配置項
image-20221104095309225.png
image-20221104100730857.png
image-20221104100939260.png
image-20221104101048111.png
image-20221104101229783.png
image-20221104101326967.png
image-20221104101427537.png
image-20221104101537873.png
image-20221104101706730.png
image-20221104101813905.png
(5)執(zhí)行到這一步潭兽,就可以等待項目創(chuàng)建
image-20221104101859193.png
(6)創(chuàng)建成功之后執(zhí)行
>cd firstapp
(7)運行項目
>npm run serve
image-20221104102514185.png
(8)在對應(yīng)的本地地址里訪問頁面localhost:8080
image-20221104102617648.png