程式語言
支援數百種程式語言
在 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 擴充套件來生成程式碼,或從其生成的程式碼中學習。
你可以在Copilot 文件中瞭解更多關於如何開始使用 Copilot 的資訊。
更改所選檔案的語言
在 VS Code 中,我們預設根據檔案的副檔名來確定其語言支援。但是,有時你可能想要更改語言模式,為此,請單擊狀態列右側的語言指示器。這將彈出選擇語言模式下拉選單,你可以在其中為當前檔案選擇另一種語言。
提示:你也可以透過執行更改語言模式命令 (⌘K M (Windows, Linux Ctrl+K M)) 來獲得相同的下拉選單。
語言識別符號
VS Code 將語言模式與特定的語言識別符號關聯起來,以便可以根據當前的語言模式啟用各種 VS Code 功能。
語言識別符號通常(但並非總是)是程式語言名稱的小寫形式。請注意,對於精確的識別符號匹配,大小寫是敏感的('Markdown' != 'markdown')。未知語言的檔案的語言識別符號是 plaintext
。
你可以在更改語言模式 (⌘K M (Windows, Linux Ctrl+K M)) 下拉選單中檢視當前已安裝的語言及其識別符號列表。
你可以在語言識別符號參考中找到已知識別符號的列表。
為語言新增副檔名
你可以透過 files.associations 設定為現有語言新增新的副檔名。
例如,以下設定將 .myphp
副檔名新增到 php
語言識別符號中
"files.associations": {
"*.myphp": "php"
}
智慧感知 (⌃Space (Windows, Linux Ctrl+Space)) 會向你顯示可用的語言識別符號。
後續步驟
現在你知道 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"