共用方式為


直接在 Windows 上安裝 Vue.js

在 Windows 上建立 Vue.js 開發環境的指南。 背景請參見 Vue.js 概述

Vue 可以直接安裝在 Windows 或適用於 Linux 的 Windows 子系統上(WSL)。 如果你打算與 Node.js 後端互動、部署到 Linux 伺服器,或跟隨使用 Bash 指令的教學,建議考慮在 WSL 上安裝 Vue

先決條件

建立一個 Vue 專案

建立新 Vue 3 專案的推薦方式是 npm create vue@latest,使用 create-vue,官方基於 Vite 的支架工具。

  1. 開啟 PowerShell 或 Windows 命令提示字元。

  2. 進入您的專案目錄:

    cd C:\Users\YourName\Projects
    
  3. 建立一個新的 Vue 專案:

    npm create vue@latest
    

    安裝程式會提示你為專案命名並選擇可選功能(TypeScript、JSX 支援、Vue 路由器、Pinia 狀態管理、Vitest、ESLint)。

  4. 進入專案資料夾,安裝相依關係,然後啟動開發伺服器:

    cd <your-project-name>
    npm install
    npm run dev
    

    您的應用程式將可在 http://localhost:5173.

其他資源