一、安裝Node：

先到官網(wǎng)下載node,版本最好是16及以上，我這里是V22（Windows），之后雙擊即可安裝。

二、配置npm鏡像：

# 清除緩存npm cache clean --force
# 驗(yàn)證緩存是否清除干凈npm verify cache
# 更改淘寶鏡像npm config set registry https://registry.npmmirror.com/
# 查看本地配置的鏡像地址npm config get registry

三、初始化項(xiàng)目：

打開(kāi)powershell命令行工具，最好是管理員身份打開(kāi)

Set-ExecutionPolicy RemoteSigned

再初始化項(xiàng)目

npm init vue@latest

回車后，此時(shí)會(huì)選擇安裝項(xiàng)目，這里大部分都是默認(rèn)“否”，其中有一項(xiàng)“是否引入 ESLint 用于代碼質(zhì)量檢測(cè)？”，我們通過(guò)“左右鍵/上下鍵”選擇“是”，具體如下截圖：

四、啟動(dòng)項(xiàng)目：

接下來(lái)我們按照截圖最下面的命令，分別輸入3個(gè)命令進(jìn)行安裝依賴性和啟動(dòng)項(xiàng)目

項(xiàng)目代碼結(jié)構(gòu)如下：

?

五、打開(kāi)頁(yè)面：

根據(jù)啟動(dòng)的提示地址，從瀏覽器輸入地址打開(kāi)網(wǎng)頁(yè)如下

網(wǎng)頁(yè)打開(kāi)http://localhost:5173/如下

參考鏈接：

插圖來(lái)源：

https://icons8.com/

https://undraw.co/

閱讀原文：原文鏈接