Visual Studio Code 1.66 發佈,新增 JavaScript 調試

語言: CN / TW / HK

Visual Studio Code 1.66 已發佈 ,該版本更新內容很多,下面摘錄部分新特性作介紹:

本地歷史記錄

可以在 時間軸 視圖中使用文件的本地歷史記錄, 獨立於源代碼控制跟蹤本地文件更改 。根據配置的設置,每次保存編輯器時,都會在列表中添加一個新條目:

每個本地歷史的條目都包含創建條目時文件的全部內容,

從條目中可以:

  • 將更改與本地文件或以前的條目進行比較。
  • 還原內容。
  • 刪除或重命名條目。

設置編輯器

語言過濾器

  • 現在可以在設置編輯器搜索框中鍵入 @lang:languageId ,來查看和編輯對應語言配置的所有設置。
  • 查看特定於語言的設置也稱為語言覆蓋,這些覆蓋將一直保持配置,直到通過單擊齒輪圖標並重置設置來明確重置。
  • 下圖演示了將語言過濾器設置為 @lang:css ,以顯示所有可能的 CSS 語言覆蓋設置。

工作區和文件夾設置保存

設置編輯器中的工作區和文件夾設置現在會保留,直到用户手動重置。

以前,用户必須打開工作區設置 JSON 文件才能設置此值, 在設置編輯器工作區 選項卡中設置編輯器選項卡大小下方,它會自動添加到工作區的 文件中。

終端

顯示所有找到的匹配項

在終端中搜索時,搜索詞的所有實例都將突出顯示。可以通過以 terminal.findMatch 為前綴的顏色自定義命令來微調突出顯示的高亮顏色。

滾動條註釋

終端的滾動條中加入註釋,以指示每個重要的節點。

例如,查找的結果在滾動條中有相應的註釋:

調試

JavaScript 調試

JavaScript 調試器現在支持收集和可視化堆配置文件,堆配置文件允許查看隨時間分配的內存位置和數量。

語言

CSS 格式化程序

內置的 CSS 擴展附帶一個格式化程序,格式化程序適用於 CSS、LESS 和 SCSS。由  JS Beautify 庫 實現,並帶有以下設置:

  • css.format.enable - 啟用/禁用默認 CSS 格式化程序。
  • css.format.newlineBetweenRules - 用空行分隔規則集。
  • css.format.newlineBetweenSelectors - 用新行分隔選擇器。
  • css.format.spaceAroundSelectorSeparator - 確保選擇器分隔符“>”、“+”、“~”周圍有空格字符(例如, a > b )。

和  也存在相同的設置。

HTML 中的 JavaScript 語義突出顯示

該版本將 HTML 文件中 JavaScript 源代碼的語義突出顯示,與普通 文件中看到的內容對齊。 此舉不僅使代碼顏色更加一致,還添加了一些以前缺少的重要語義信息,例如突出顯示只讀類型。

用於 Web 的 VS Code

支持拖放文件

可以將本地文件和文件夾拖放到在 vscode.dev 或 insiders.vscode.dev 上打開的瀏覽器窗口中,以訪問具體內容。

VS Code 中的 R 語言

一個新的 R 語言主題描述了 VS Code 中帶有R 擴展的R 編程語言支持。R 擴展包括豐富的語言功能,例如代碼完成和 linting,以及集成的 R 終端和專用的工作區、數據和繪圖查看器。

該版本還包含更多更新內容,由於篇幅原因不一一介紹,可在微軟博客原文中查看。