程式語言

支援數百種程式語言

在 Visual Studio Code 中,我們支援幾乎所有主要的程式語言。其中有幾種是內建的,例如 JavaScript、TypeScript、CSS 與 HTML;不過,您可以在 VS Code 市集找到更豐富的語言擴充功能。

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

前往 市集 或使用內建的 擴充功能檢視區,並搜尋您所需的程式語言,即可找到程式碼片段、程式碼自動完成/IntelliSense 提供者、程式碼檢查工具 (linter)、偵錯工具等。

注意:如果您想要變更 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 - Swift - 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 在 VS Code 中開啟 在 VS Code Insiders 中開啟 設定,將新的副檔名新增至現有的語言。

例如,以下設定將 .myphp 副檔名新增至 php 語言識別碼

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

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

Language ID IntelliSense

後續步驟

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

  • 程式碼導覽 - 預覽、前往定義與更多功能
  • 偵錯 - 這是 VS Code 真正展現光芒的地方

常見問題

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

當然可以!請查看 VS Code 擴充功能 API 說明文件中的 語言伺服器範例

如果我不想建立完整的語言服務,可以重複使用現有的 TextMate 組合嗎?

可以,您也可以透過 TextMate 色彩標示器為您最喜愛的語言新增支援。請參閱擴充功能 API 區段中的 語法突顯指南,以了解如何將 TextMate .tmLanguage 語法檔案整合到 VS Code 中。

我可以將其他副檔名對應至某個語言嗎?

可以,使用 files.associations 在 VS Code 中開啟 在 VS Code Insiders 中開啟 設定,您可以將副檔名全域或針對每個工作區對應至現有的語言。

以下是一個範例,它會將更多副檔名與 PHP 語言建立關聯

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

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

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

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

如何為新檔案設定預設語言?

使用 files.defaultLanguage 在 VS Code 中開啟 在 VS Code Insiders 中開啟 設定,您可以將所有新檔案對應至預設語言。每當開啟新的空白檔案時,編輯器就會為該語言模式進行設定。

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

  // The default language mode that is assigned to new files.
  "files.defaultLanguage": "html"
English 한국어 中文(简体) 中文(繁體)
© . This website operates independently and is not affiliated with or endorsed by Microsoft. All brand names, logos, and trademarks are the property of their respective owners.