一、node20的安裝

直接下載路徑：https://nodejs.org/download/release/v20.11.0/node-v20.11.0-x64.msi

安裝，雙擊msi文件

點擊同意協議

更改下載路徑

什么也不用選，點擊next進行下一步

什么也不用選，點擊next進行下一步

點擊安裝

安裝完成，點擊finish

驗證是否安裝成功

二、vue的入門準備

首先必須保證安裝有node

1.使用 Vite 創建 Vue 3 項目

Vite 是一款輕量級且高效的構建工具，適合快速搭建 Vue 3 項目。

?安裝 Vite（若未安裝）

npm install -g create-vite

創建項目

npm init vue@latest

或者

npm init vite@latest

然后其他按回車鍵忽略即可

進入項目目錄

cd vite-demo

安裝依賴

npm install

啟動開發服務器

npm run dev

之后在瀏覽器中訪問?http://localhost:5173?就能看到項目頁面。

項目構建

npm run build

這會在?dist?目錄生成優化后的靜態文件。?

預覽生產構建

構建完成后，你可以使用以下命令本地預覽生產版本：

npm run preview

2.使用 Vue CLI 創建 Vue 3 項目

安裝 Vue CLI（若未安裝）

npm install -g @vue/cli

創建項目

?vue create vue-demo2 ?

直接回車

進入項目目錄

cd vue-demo2

啟動開發服務器

npm run serve

訪問?http://localhost:8080?可查看項目。

?

項目構建

npm run build

構建產物會存于?dist?目錄。