自動化您的工作流程

使用 CodingAGI,這個由 AI 驅動的 VSCode 擴展,讓你編碼更快更智能。

現在試試看
VS Code Installation Guide
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:

  1. 訪問該官方 VS Code 網站.
  2. 點擊「下載 Windows 版」按鈕。
  3. 選擇「使用者安裝程式」(推薦)或「系統安裝程式」選項。

對於 macOS:

  1. 前往VS Code 下載頁面.
  2. 點擊「下載 Mac 版」按鈕。
  3. .zip 檔案將自動開始下載。

對於 Linux:

  1. 打開該VS Code 網站.
  2. 點擊 ".deb"(適用於 Debian/Ubuntu)或 ".rpm"(適用於 Red Hat/Fedora)下載選項。
  3. 或者,您可以使用您發行版的套件管理器(在安裝部分中介紹)。

步驟 2:安裝 Visual Studio Code

Windows 安裝:

  1. 找到下載的安裝檔案(通常在您的下載資料夾中)。
  2. 雙擊安裝程式以運行它。
  3. 接受許可協議。
  4. 選擇安裝位置(建議使用預設位置)。
  5. 選擇其他任務(例如,將「使用 Code 開啟」添加到 Windows 檔案總管的右鍵選單)。
  6. 點擊「安裝」並等待過程完成。
  7. 安裝完成後啟動 VS Code。

macOS 安裝:

  1. 在您的下載資料夾中找到下載的 .zip 檔案。
  2. 雙擊以提取內容。
  3. 將提取的 "Visual Studio Code.app" 拖到您的應用程式資料夾中。
  4. (可選)將 VS Code 添加到您的 Dock 以便於訪問。

Linux 安裝:

對於 Debian/Ubuntu (.deb 套件):

  1. 打開終端機。
  2. 導航到包含下載的 .deb 檔案的目錄。
  3. 執行以下命令:
    sudo dpkg -i code_*.deb
  4. 如果您遇到任何依賴問題,請運行:
    sudo apt-get install -f

對於 Red Hat/Fedora (.rpm 套件):

  1. 打開終端機。
  2. 導航到包含下載的 .rpm 文件的目錄。
  3. 執行以下命令:
    sudo rpm -ivh code-*.rpm

使用套件管理器(Ubuntu/Debian):

  1. 打開終端機。
  2. 執行以下命令:
    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 後,請按照以下步驟進行初始設置:

  1. 啟動 VS Code。
  2. (Windows/Linux) 前往 檔案 > 偏好設定 > 設定。
    (macOS) 前往 Code > 偏好設定 > 設定。
  3. 根據您的偏好調整設置(例如,主題、字體大小、自動保存)。
  4. 安裝您首選程式語言的語言擴展。

步驟 4:安裝 Node.js

Node.js 對於 JavaScript 開發和許多 VS Code 擴展來說是必不可少的。以下是安裝它的方法:

Windows:

  1. 訪問該官方 Node.js 網站.
  2. 下載 LTS 版本的 Windows 安裝程式 (.msi)。
  3. 運行安裝程式並按照提示操作。
  4. 安裝後請重新啟動您的電腦。

macOS:

  1. 如果您還沒有安裝 Homebrew,請安裝:
    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  2. 使用 Homebrew 安裝 Node.js:
    brew install node

Linux:

對於 Ubuntu/Debian:

sudo apt 更新  
sudo apt 安裝 nodejs npm

對於 Fedora:

sudo dnf 安裝 nodejs

步驟 5:設置 Python

Python 是一種用於各個領域的多功能語言。以下是如何設置它:

Windows:

  1. 訪問該Python 下載頁面.
  2. 下載最新版本的 Windows。
  3. 運行安裝程式,確保您勾選「將 Python 添加到 PATH」。
  4. 完成安裝過程。

macOS:

  1. 使用 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 擴充功能

為了提升您的開發體驗,請安裝這些推薦的擴展:

  1. 打開 VS Code。
  2. 點擊左側邊欄中的擴展圖示(或按 Ctrl+Shift+X)。
  3. 搜尋並安裝以下擴充功能:
    • Python(由微軟提供)
    • Node.js 模組智能感知
    • ESLint
    • Prettier - 代碼格式化工具
    • GitLens

步驟 7:驗證安裝

為了確保一切都已正確設置:

  1. 打開 VS Code。
  2. 在 VS Code 中打開一個新的終端機(終端機 > 新終端機)。
  3. 檢查 Node.js 版本:
    node --version
  4. 檢查 Python 版本:
    python --version
  5. 如果兩個命令都返回版本號,則您的設置已完成!

故障排除常見問題

如果您在安裝或設置過程中遇到任何問題:

  • 確保您的系統符合 VS Code 的最低要求。
  • 檢查您的網路連接和防火牆設定。
  • 對於 macOS/Linux 上的權限問題,請使用sudo在必要時。
  • 在 Windows 上,請嘗試以管理員身份運行安裝程式。
  • 如果擴展無法安裝,請檢查您的 VS Code 版本並在必要時進行更新。

保持 VS Code 更新

為了確保您始終使用最新版本的 VS Code:

  1. 在 VS Code 設定中啟用自動更新。
  2. 定期手動檢查更新(幫助 > 檢查更新)。

結論

恭喜你!你已成功安裝 Visual Studio Code 並設置了 Node.js 和 Python 的基本開發環境。擁有這個強大的 IDE,你已準備好應對各種編程項目。

記得探索 VS Code 的功能,自訂你的工作區,並利用龐大的擴展市場來提升你的編碼體驗。

快速回顧:安裝 VS Code

  1. 下載適用於您的操作系統的 VS Code
  2. 按照特定平台的指示安裝 VS Code
  3. 配置初始設置和偏好設定
  4. 安裝 Node.js 以進行 JavaScript 開發
  5. 設置 Python 以進行多功能編程
  6. 添加推薦的 VS Code 擴展功能
  7. 驗證安裝並在必要時進行故障排除

自動化您的工作流程

使用 CodingAGI,這個 AI 驅動的 VS Code 擴展,讓你編碼更快。

現在試試看
profile image

埃德蒙

資深軟體開發人員及技術作家

推薦文章