直接在 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:
開啟命令列 (即 Windows 命令提示字元或 PowerShell)。
建立新的專案資料夾:
mkdir VueProjects
,並進入該目錄:cd VueProjects
。使用 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 外掛程式。