構建您的專案
當一個 Vue 專案完成時，它應該從“開發模式”進入“構建模式”。
構建命令會將我們的 Vue 專案編譯成 .html、.js 和 .css 檔案，這些檔案經過最佳化，可以直接在瀏覽器中執行。
我們構建 Vue 專案是為了在伺服器上建立檔案供他人訪問。
構建網頁
到目前為止，在本教程中，我們的專案一直在開發模式下執行，這意味著 Vite 構建工具正在執行一個開發伺服器。當您在開發過程中進行更改並儲存時，Vite 會立即更新頁面。這需要大量的計算機資源。
構建步驟發生在開發階段之後，當頁面準備好公開發布時。然後，我們需要將專案構建成瀏覽器能夠理解的檔案，而無需在開發模式下執行 Vite。構建步驟是為了最大限度地減少伺服器資源使用並提高效能。
要構建您的 Vue 應用程式，如果開發伺服器正在執行，請透過按 'Q' 或 'Ctrl'+'C' 來停止它，然後輸入：
npm run build
當您的專案構建完成後，Vite 會建立一個名為 dist 的資料夾，其中包含在公共伺服器上執行專案所需的所有檔案，以及瀏覽器可識別的檔案（*.html、*.css 和 *.js），而不是我們在開發過程中使用的 *.vue 檔案。
要在瀏覽器中檢視構建後的專案，請使用命令：
npm run preview
此命令應開啟一個瀏覽器視窗，其中顯示了來自 dist 資料夾的構建後的專案。
