🚀 在 VS Code 中！

程式語言

支援數百種程式語言

在 Visual Studio Code 中，我們支援幾乎所有主要的程式語言。 許多語言已內建支援，例如 JavaScript、TypeScript、CSS 和 HTML，但您可以在 VS Code 市集中找到更豐富的語言擴充功能。

以下是八個最受歡迎的語言擴充功能

前往市集或使用整合的擴充功能檢視，並搜尋您想要的程式語言，以尋找程式碼片段、程式碼完成/IntelliSense 提供者、程式碼檢查器、偵錯工具等等。

注意：如果您想要變更 VS Code 的顯示語言 (例如，變更為中文)，請參閱「顯示語言」主題。

語言專屬文件

了解 VS Code 支援的程式語言。 這些語言包括：C++ - C# - CSS - Dart - Dockerfile - F# - Go - HTML - Java - JavaScript - JSON - Julia - Less - Markdown - PHP - PowerShell - Python - R - Ruby - Rust - SCSS - T-SQL - TypeScript。

按一下任何連結的項目，以概略了解如何在該語言的環境中使用 VS Code。 大多數語言擴充功能也在其 README 中包含其核心功能的摘要。

VS Code 中的語言功能

不同語言及其擴充功能的支援豐富度有所不同

  • 語法醒目提示和括號配對
  • 智慧完成 (IntelliSense、人工智慧與 GitHub Copilot)
  • 程式碼檢查和修正
  • 程式碼導覽 (前往定義、尋找所有參考)
  • 偵錯
  • 重構

使用 AI 增強完成功能

在 VS Code 中，您可以使用人工智慧 (AI) 來增強您的程式碼撰寫，例如程式碼行或完整函式的建議、快速建立文件，以及協助建立程式碼相關的成品，例如測試。

GitHub Copilot 是一種 AI 驅動的程式碼完成工具，可協助您更快、更聰明地撰寫程式碼。 您可以在 VS Code 中使用 GitHub Copilot 擴充功能來產生程式碼，或從其產生的程式碼中學習。

GitHub Copilot extension in the VS Code Marketplace

您可以在 Copilot 文件中深入了解如何開始使用 Copilot。

變更選取檔案的語言

在 VS Code 中，我們會根據檔案名稱副檔名，預設檔案的語言支援。 不過，有時您可能想要變更語言模式，若要執行此動作，請按一下語言指示器 (位於狀態列的右手邊)。 這會顯示選取語言模式下拉式清單，您可以在其中選取目前檔案的其他語言。

Language Selector

提示：您可以執行變更語言模式命令 (⌘K M (Windows、Linux Ctrl+K M)) 來取得相同的下拉式清單。

語言識別碼

VS Code 會將語言模式與特定的語言識別碼建立關聯，以便根據目前的語言模式啟用各種 VS Code 功能。

語言識別碼通常 (但並非總是) 是小寫的程式語言名稱。 請注意，大小寫對於完全符合的識別碼很重要 ('Markdown' != 'markdown')。 未知的語言檔案具有語言識別碼 plaintext。

您可以在「變更語言模式」下拉式清單 (⌘K M (Windows、Linux Ctrl+K M)) 中查看目前已安裝語言及其識別碼的清單。

language identifiers

您可以在語言識別碼參考中找到已知識別碼的清單。

將檔案副檔名新增至語言

您可以使用 files.associations 設定，將新的檔案副檔名新增至現有的語言。

例如，下列設定會將 .myphp 檔案副檔名新增至 php 語言識別碼

    "files.associations": {
        "*.myphp": "php"
    }

IntelliSense (⌃Space (Windows、Linux Ctrl+Space)) 將會顯示可用的語言識別碼。

Language ID IntelliSense

後續步驟

現在您知道 VS Code 支援您關心的語言。 請繼續閱讀...

常見問題

我可以貢獻我自己的語言服務嗎？

是的，您可以！ 請查看 VS Code 擴充功能 API 文件中的範例語言伺服器。

如果我不想建立完整的語言服務，我可以重複使用現有的 TextMate 套件嗎？

是的，您也可以透過 TextMate 著色器新增對您喜愛的語言的支援。 請參閱擴充功能 API 區段中的語法醒目提示指南，以了解如何將 TextMate .tmLanguage 語法檔案整合到 VS Code 中。

我可以將其他檔案副檔名對應到語言嗎？

是的，您可以使用 files.associations 設定，將檔案副檔名對應到現有的語言，無論是全域或每個工作區。

以下範例會將更多檔案副檔名與 PHP 語言建立關聯

"files.associations": {
    "*.php4": "php",
    "*.php5": "php"
}

如果需要，您也可以設定語言的完整檔案路徑。 下列範例會將資料夾 somefolder 中的所有檔案與 PHP 建立關聯

"files.associations": {
    "**/somefolder/*.*": "php"
}

請注意，此模式是一個 glob 模式，如果檔案包含 /，則會比對檔案的完整路徑，否則會比對檔案名稱。

我要如何設定新檔案的預設語言？

使用 files.defaultLanguage 設定，您可以將所有新檔案對應到預設語言。 每當開啟新的空白檔案時，編輯器就會針對該語言模式進行設定。

此範例會將新檔案與 HTML 語言建立關聯

  // The default language mode that is assigned to new files.
  "files.defaultLanguage": "html"
02/06/2025