在 Windows 上建立 Vue.js 開發環境的指南。 背景請參見 Vue.js 概述。
Vue 可以直接安裝在 Windows 或適用於 Linux 的 Windows 子系統上(WSL)。 如果你打算與 Node.js 後端互動、部署到 Linux 伺服器,或跟隨使用 Bash 指令的教學,建議考慮在 WSL 上安裝 Vue 。
先決條件
- 在 Windows 上安裝 Node.js:這包括版本管理員、套件管理員和 Visual Studio Code。
建立一個 Vue 專案
建立新 Vue 3 專案的推薦方式是 npm create vue@latest,使用 create-vue,官方基於 Vite 的支架工具。
開啟 PowerShell 或 Windows 命令提示字元。
進入您的專案目錄:
cd C:\Users\YourName\Projects建立一個新的 Vue 專案:
npm create vue@latest安裝程式會提示你為專案命名並選擇可選功能(TypeScript、JSX 支援、Vue 路由器、Pinia 狀態管理、Vitest、ESLint)。
進入專案資料夾,安裝相依關係,然後啟動開發伺服器:
cd <your-project-name> npm install npm run dev您的應用程式將可在
http://localhost:5173.
其他資源
- Vue 文件
- Vue.js 概觀
- 在 WSL 上安裝 Vue.js
- 在 Vue.js 學習路徑中邁出您的第一步
- 使用 VS Code 的 Vue 教程