參加你附近的 ,瞭解 VS Code 中的 AI 輔助開發。

程式語言

支援數百種程式語言

在 Visual Studio Code 中,我們幾乎支援所有主流的程式語言。有幾種是開箱即用的,例如 JavaScript、TypeScript、CSS 和 HTML,但更多功能豐富的語言擴充套件可以在 VS Code 擴充套件市場中找到。

以下是八個最受歡迎的語言擴充套件

前往擴充套件市場或使用整合的擴充套件檢視,搜尋你想要的程式語言,以查詢程式碼片段、程式碼補全/智慧感知提供程式、語法檢查器、偵錯程式等。

注意:如果你想更改 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 設定為現有語言新增新的副檔名。

例如,以下設定將 .myphp 副檔名新增到 php 語言識別符號中

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

智慧感知 (⌃Space (Windows, Linux Ctrl+Space)) 會向你顯示可用的語言識別符號。

Language ID IntelliSense

後續步驟

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

  • 程式碼導航 - 檢視定義、轉到定義等
  • 除錯 - 這才是 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"