
vscode
安裝
CodingAGI 團隊
10分鐘閱讀
如何安裝 VS Code:適用於 Windows、Mac 和 Linux 的全面指南
學習如何在各種平台上安裝 Visual Studio Code 並設置基本的開發環境。本指南涵蓋了 VS Code 安裝、Node.js 和 Python 設置等內容。
為什麼要安裝 VS Code?
Visual Studio Code (VS Code) 已成為開發人員的最愛,原因有幾個:
- 跨平台相容性(Windows、macOS、Linux)
- 輕量卻功能豐富
- 廣泛的擴展市場
- 內建 Git 整合
- 智能代碼補全和除錯工具
- 定期更新和改進
先決條件
在開始之前,請確保您已經:
- 穩定的網路連接
- 您電腦上的管理權限
- 足夠的儲存空間(約 200MB 用於 VS Code)
步驟 1:下載 Visual Studio Code
對於 Windows:
- 訪問該官方 VS Code 網站.
- 點擊「下載 Windows 版」按鈕。
- 選擇「使用者安裝程式」(推薦)或「系統安裝程式」選項。
對於 macOS:
- 前往VS Code 下載頁面.
- 點擊「下載 Mac 版」按鈕。
- .zip 檔案將自動開始下載。
對於 Linux:
- 打開該VS Code 網站.
- 點擊 ".deb"(適用於 Debian/Ubuntu)或 ".rpm"(適用於 Red Hat/Fedora)下載選項。
- 或者,您可以使用您發行版的套件管理器(在安裝部分中介紹)。
步驟 2:安裝 Visual Studio Code
Windows 安裝:
- 找到下載的安裝檔案(通常在您的下載資料夾中)。
- 雙擊安裝程式以運行它。
- 接受許可協議。
- 選擇安裝位置(建議使用預設位置)。
- 選擇其他任務(例如,將「使用 Code 開啟」添加到 Windows 檔案總管的右鍵選單)。
- 點擊「安裝」並等待過程完成。
- 安裝完成後啟動 VS Code。
macOS 安裝:
- 在您的下載資料夾中找到下載的 .zip 檔案。
- 雙擊以提取內容。
- 將提取的 "Visual Studio Code.app" 拖到您的應用程式資料夾中。
- (可選)將 VS Code 添加到您的 Dock 以便於訪問。
Linux 安裝:
對於 Debian/Ubuntu (.deb 套件):
- 打開終端機。
- 導航到包含下載的 .deb 檔案的目錄。
- 執行以下命令:
sudo dpkg -i code_*.deb
- 如果您遇到任何依賴問題,請運行:
sudo apt-get install -f
對於 Red Hat/Fedora (.rpm 套件):
- 打開終端機。
- 導航到包含下載的 .rpm 文件的目錄。
- 執行以下命令:
sudo rpm -ivh code-*.rpm
使用套件管理器(Ubuntu/Debian):
- 打開終端機。
- 執行以下命令:
sudo apt update sudo apt install software-properties-common apt-transport-https wget wget -q https://packages.microsoft.com/keys/microsoft.asc -O- | sudo apt-key add - sudo add-apt-repository "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" sudo apt update sudo apt install code
步驟 3:初始設定
安裝 VS Code 後,請按照以下步驟進行初始設置:
- 啟動 VS Code。
- (Windows/Linux) 前往 檔案 > 偏好設定 > 設定。
(macOS) 前往 Code > 偏好設定 > 設定。 - 根據您的偏好調整設置(例如,主題、字體大小、自動保存)。
- 安裝您首選程式語言的語言擴展。
步驟 4:安裝 Node.js
Node.js 對於 JavaScript 開發和許多 VS Code 擴展來說是必不可少的。以下是安裝它的方法:
Windows:
- 訪問該官方 Node.js 網站.
- 下載 LTS 版本的 Windows 安裝程式 (.msi)。
- 運行安裝程式並按照提示操作。
- 安裝後請重新啟動您的電腦。
macOS:
- 如果您還沒有安裝 Homebrew,請安裝:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
- 使用 Homebrew 安裝 Node.js:
brew install node
Linux:
對於 Ubuntu/Debian:
sudo apt 更新
sudo apt 安裝 nodejs npm
對於 Fedora:
sudo dnf 安裝 nodejs
步驟 5:設置 Python
Python 是一種用於各個領域的多功能語言。以下是如何設置它:
Windows:
- 訪問該Python 下載頁面.
- 下載最新版本的 Windows。
- 運行安裝程式,確保您勾選「將 Python 添加到 PATH」。
- 完成安裝過程。
macOS:
- 使用 Homebrew 安裝 Python:
brew install python
Linux:
Python 通常在大多數 Linux 發行版中預先安裝。要確保您擁有最新版本:
對於 Ubuntu/Debian:
sudo apt 更新
sudo apt 安裝 python3 python3-pip
對於 Fedora:
sudo dnf install python3 python3-pip
步驟 6:安裝 VS Code 擴充功能
為了提升您的開發體驗,請安裝這些推薦的擴展:
- 打開 VS Code。
- 點擊左側邊欄中的擴展圖示(或按 Ctrl+Shift+X)。
- 搜尋並安裝以下擴充功能:
- Python(由微軟提供)
- Node.js 模組智能感知
- ESLint
- Prettier - 代碼格式化工具
- GitLens
步驟 7:驗證安裝
為了確保一切都已正確設置:
- 打開 VS Code。
- 在 VS Code 中打開一個新的終端機(終端機 > 新終端機)。
- 檢查 Node.js 版本:
node --version
- 檢查 Python 版本:
python --version
- 如果兩個命令都返回版本號,則您的設置已完成!
故障排除常見問題
如果您在安裝或設置過程中遇到任何問題:
- 確保您的系統符合 VS Code 的最低要求。
- 檢查您的網路連接和防火牆設定。
- 對於 macOS/Linux 上的權限問題,請使用
sudo
在必要時。 - 在 Windows 上,請嘗試以管理員身份運行安裝程式。
- 如果擴展無法安裝,請檢查您的 VS Code 版本並在必要時進行更新。
保持 VS Code 更新
為了確保您始終使用最新版本的 VS Code:
- 在 VS Code 設定中啟用自動更新。
- 定期手動檢查更新(幫助 > 檢查更新)。
結論
恭喜你!你已成功安裝 Visual Studio Code 並設置了 Node.js 和 Python 的基本開發環境。擁有這個強大的 IDE,你已準備好應對各種編程項目。
記得探索 VS Code 的功能,自訂你的工作區,並利用龐大的擴展市場來提升你的編碼體驗。
快速回顧:安裝 VS Code
- 下載適用於您的操作系統的 VS Code
- 按照特定平台的指示安裝 VS Code
- 配置初始設置和偏好設定
- 安裝 Node.js 以進行 JavaScript 開發
- 設置 Python 以進行多功能編程
- 添加推薦的 VS Code 擴展功能
- 驗證安裝並在必要時進行故障排除