直接在 Windows 上安裝 Vue.js

協助您在 Windows 上設定 Vue.js 開發環境的指南。 在 Vue.js 概觀 頁面上了解更多資訊。

Vue 可以直接安裝在 Windows 或適用於 Linux 的 Windows 子系統上（WSL）。 如果您打算與 NodeJS 後端互動、想要與 Linux 生產伺服器同位，或計劃遵循使用 Bash 命令的教學課程，通常建議您 在 WSL 上安裝 Vue。 您也可以考慮 將 Vite 視為 Vue.js的替代方案。

先決條件

• 在 Windows 上安裝 Node.js：這包括版本管理員、套件管理員和 Visual Studio Code。 Node.js 套件管理工具（npm）用於安裝 Vue.js。

安裝 Vue.js

若要安裝 Vue.js：

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

2. 建立新的專案資料夾：mkdir VueProjects，並進入該目錄：cd VueProjects。

3. 使用 Node Package Manager 安裝 Vue.js （npm）：

npm install vue

使用命令檢查您已安裝的版本號碼：vue --version。

備註

若要使用 CDN 安裝 Vue.js，而不是 NPM，請參閱 Vue.js 安裝文件。欲了解不同 Vue 組建的說明 ，請參閱 Vue 檔。

安裝 Vue CLI

Vue CLI 是一個工具組，可讓您在終端機/命令行中使用 Vue。 它可讓您使用圖形使用者介面（vue ui）快速建立新專案（vue create）、原型新想法（vue 服務），或管理專案。 Vue CLI 是全域安裝的 npm 套件，可為您處理某些組建複雜度（例如使用 Babel 或 Webpack）。 如果您未建置新的單頁應用程式，您可能不需要或想要 Vue CLI。

若要安裝 Vue CLI，請使用 npm。 您必須使用 -g 旗標全域安裝，才能升級 （vue upgrade --next）：

npm install -g @vue/cli

若要瞭解更多可新增的外掛程式（例如用於整合 GraphQL 的 linting 或 Apollo），請瀏覽 Vue CLI 文檔中的 Vue CLI 外掛程式。

其他資源

• Vue 文件
• Vue.js 概觀
• 在 WSL 上安裝 Vue.js
• 安裝 Nuxt.js
• 在 Vue.js 學習路徑中邁出您的第一步
• 嘗試使用 VS Code 的 Vue 教程來學習