1、在一個文件夾下通過cmd打開,輸入命令
npm create vite@latest
命名要為英文
2.選擇項目框架
通過上下鍵位選擇Vue框架:
選好按回車鍵
3.選擇開發語言
選擇TypeScript語言,方便后續開發:
創建好的項目目錄為:
4.安裝Vite依賴
接著在終端輸入:
npm i
5.啟動頁面
終端接著輸入:
npm run dev
訪問效果:
6.目錄結構解析
├── src
│ ? ├── assets/ ? ? ? ? ?# 靜態資源
│ ? ├── components/ ? ? ?# 組件 (.vue + .ts)
│ ? ├── App.vue ? ? ? ? ?# 根組件(含類型檢查)
│ ? ├── main.ts ? ? ? ? ?# TS 入口文件(掛載 Vue 應用)
│ ? ?└── vite-env.d.ts ? ?# Vite 類型聲明
├── index.html ? ? ? ? ? # 主頁面
├── tsconfig.json ? ? ? ?# TypeScript 配置
├── vite.config.ts ? ? ? # Vite 配置(TS 編寫)
└── package.json ? ? ? ? # 包含 "type": "module"