直接在 Windows 上安裝 Vue.js

  • 發行項

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

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

必要條件

  • 在 Windows 上安裝 Node.js：這包括版本管理員、封裝管理員和 Visual Studio Code。 Node Package Manager (npm) 會用來安裝 Vue.js。

安裝 Vue.js

若要安裝 Vue.js：

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

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

  3. 使用 Node Package Manager (npm) 安裝 Vue.js：

npm install vue

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

注意

若要使用 CDN 來安裝 Vue.js，而不是 NPM，請參閱 Vue.js 安裝文件。如需不同 Vue 組建的說明，請參閱 Vue 文件。

安裝 Vue CLI

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

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

npm install -g @vue/cli

若要深入了解可新增的其他外掛程式 (例如 linting 或 Apollo 用於整合 GraphQL)，請瀏覽 Vue CLI 文件中的 Vue CLI 外掛程式。

其他資源