在適用於Linux的 Windows 子系統上安裝 Vue.js

在 Windows 上通過在 Linux 的 Windows 子系統 (WSL) 上安裝 Vue.js Web 框架來設定 Vue.js 開發環境的指南。 在 Vue.js 概觀 頁面上了解更多資訊。

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

先決條件

• 安裝適用於Linux的 Windows 子系統 （WSL），包括Linux發行版（例如Ubuntu），並確定它以WSL 2模式執行。 您可以透過開啟 PowerShell 並輸入：wsl -l -v 來檢查。
• 在 WSL 2上安裝 Node.js：這包括版本管理員、套件管理員、Visual Studio Code 和遠端開發延伸模組。 Node.js 套件管理工具（npm）用於安裝 Vue.js。

這很重要

使用 WSL 安裝 Linux 發行版將會建立用來儲存檔案的目錄：\\wsl\Ubuntu-20.04（以您所使用的任何 Linux 發行版取代 Ubuntu-20.04）。 若要在 Windows 檔案總管中開啟此目錄，請開啟 WSL 命令行，使用 cd ~選取主目錄，然後輸入 命令 explorer.exe . 請小心不要安裝或儲存您要在掛接的 C 磁碟驅動器上使用的檔案 （/mnt/c/Users/yourname$）。 這樣做會大幅降低安裝和建置時間的速度。

安裝 Vue.js

若要在 WSL 上安裝 Vue.js：

1. 開啟 WSL 命令列 （即Ubuntu）。

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

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

npm install vue

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

備註

若要使用 CDN 安裝 Vue.js，而不是 NPM，請參閱 Vue.js 安裝檔案。

安裝 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 概觀
• 在 Windows 上安裝 Vue.js
• 安裝 Nuxt.js
• Microsoft學習在線課程：使用 Vue.js 採取您的第一步
• 嘗試使用 VS Code 的 Vue 教程來學習