步驟 1: 初始化項目目錄

創建一個名為 projects 的文件夾，作為存放所有 Vite 項目的根目錄。這個文件夾將容納多個獨立的 Vite 項目。

步驟 2: 創建 Vite 項目

• 右鍵點擊?projects?文件夾并選擇“在此處打開終端”或使用您偏好的代碼編輯器（如 VSCode）的內置終端。
• 在終端中輸入命令?pnpm create vite?并按回車開始創建過程。
• 輸入您的項目名稱，并再次按回車確認。
• 使用箭頭鍵選擇第二個選項?vue?以指定項目框架為 Vue，然后按回車。

?

• 接著選擇第三個選項?Customize with create-vue?來手動配置 Vue?
• 對于后續的所有配置選項，保持默認設置（即?false），直接按回車繼續。

當您看到以下提示時，表示項目創建成功：

步驟 3: 安裝依賴與啟動開發服務器

• 使用命令?cd? <項目名>?進入剛剛創建的項目文件夾。
• 執行?pnpm i? 來安裝項目所需的依賴包。
  
• 最后，運行?pnpm dev?啟動開發服務器。

當您看到如下信息時，表明開發服務器已成功啟動：

此時，可以通過按下 Ctrl 鍵并點擊 http://localhost:5173/ 訪問您的本地項目。

步驟 4: 清理項目結構

為了簡化項目，建議清理不必要的文件和代碼：

• 刪除?src?文件夾下除?App.vue?外的所有文件。（可以選擇保留空的?components?文件夾）
• 移除?main.js?中的?import './assets/main.css'?行。
• 在?App.vue?中編寫簡單的模板代碼，例如?<template><div>Hello, World!</div></template>，然后刷新瀏覽器查看更改效果。

?

---

通過遵循上述優化過的指導，您可以更高效地搭建和配置一個新的 Vite + Vue 項目環境。