相关内容[ { "imageUrlCount": 0, "videoUrlCount": 0, "fileUrlCount": 0, "channelId": 24, "siteId": 1, "adminId": 2, "lastEditAdminId": 2, "userId": 0, "taxis": 471, "groupNames": [], "tagNames": [ "VS Code" ], "sourceId": 0, "referenceId": 0, "templateId": 0, "checked": true, "checkedLevel": 0, "hits": 0, "hitsByDay": 0, "hitsByWeek": 0, "hitsByMonth": 0, "lastHitsDate": null, "downloads": 0, "title": "7 个不容错过的 VS Code 扩展", "subTitle": "", "seoTitle": null, "imageUrl": "@upload/images/2022/2/16f827afe8c4b968.gif", "videoUrl": "", "fileUrl": "", "keywords": "VS Code,扩展,插件", "description": "Visual Studio Code 是当前最受欢迎的源代码编辑器之一。VSCode 的流行得益于丰富的扩展库，使得第三方 API 的插入和使用变得更加容易。你甚至可以创建自己的 API 扩展，并发布到 Visual Studio 市场。", "body": "

作者 Anupam Chugh 译者弯月

出品 CSDN（ID：CSDNnews）

Visual Studio Code 是当前最受欢迎的源代码编辑器之一。VSCode 的流行得益于丰富的扩展库，使得第三方 API 的插入和使用变得更加容易。你甚至可以创建自己的 API 扩展，并发布到 Visual Studio 市场。

2021 年，许多新出的 VS Code 扩展广受开发人员的好评。在本文中，我们就来介绍一些我喜欢的扩展。希望这些扩展能够帮助你提高生产力，并扩展开发人员的工作流程。

GitHub Copilot

首先来介绍一下 GitHub Copilot，这是一款由 GitHub 和 OpenAI 的 Codex 创建的 AI 程序员工具，可以根据你提供的上下文自动生成代码。

使用 VS Code 或 Jetbrains 的开发人员非常喜欢这款工具，因为它可以使用大多数编程语言生成整块的代码。想了解更多信息？你可以在 IDE 中与 Copilot 直接对话。

首先，你需要下载 GitHub Copilot VS Code 扩展（https://marketplace.visualstudio.com/items?itemName=GitHub.copilot），链接到 GitHub 账号，并为该扩展授权（如果尚未注册 Copilot，则需要加入候补名单）。

我使用 GitHub Copilot 测试了一些流行的 JavaScript 和 Swift 代码片段，效果很好。你可以尝试编写一个函数，或只需写一条注释，Copilot 就会提供相应的代码。

你可以使用 Option + ] 和 Option + [ 切换建议的代码，或者使用 Tab 接受完整的代码。

Copilot 带来了无限的可能性。我尝试了使用 Copilot 快速创建了一系列的函数：检查回文字符串、验证电子邮件、密码以及利用 URL 获取 JSON 。

你还可以询问“current price of Bitcoin and Ethereum”（比特币和以太坊的当前价格），Copilot 就可以立即生成所需的函数。Copilot 最棒的地方在于，它几乎超越了所有其他代码片段的 VS 代码扩展。

Thunder Client

API 测试是开发人员日常工作的关键组成部分。如果想在将 API 端点集成到应用程序之前，测试和验证 API 端点，则 Postman 是一款很趁手的工具。

但是，在 VS Code 中测试 API 需要频繁切换思路（因为你要切换到别的应用）。Thunder Client 为我们提供了一款轻量级、易用、整洁、简单的 Rest API 客户端扩展。

我们可以利用 Thunder Client 在编辑器内快速测试代码库的 API 端点，从而最大限度地减少页面的切换。它可以替代 Postman，作为常用的无脚本测试工具。

Snipped

我们都喜欢在社交媒体上分享日常工作中的代码片段。通常，我们需要将代码片段复制粘贴到 carbon.now.sh 中，然后导出屏幕截图。

Snipped 可以直接在从 VS Code 编辑器自动为我们完成这项任务。让我们告别在推特中复制粘贴代码，将代码截图直接保存到剪贴板中。

Lorem.space

如果你想快速创建一个包含虚拟内容的 Web 应用程序原型，则 Lorem.space 是理想的 VS Code 扩展。

Lorem.space 是一个随机图像占位符生成器 API，提供不同的类别可供选择。

你只需按下 CMD + Shift + P ，从下拉菜单中选择 Lorem.space，选择合适的类别（披萨、汉堡、人像或家具等），输入所需的宽度和高度，lorem.space 就会自动生成图像占位符的 URL。

面向 JavaScript 和 TypeScript 的 AI Doc Writer

软件开发人员对编写文档往往有不同的看法。有些人很喜欢文档，而有些人则认为编写文档是浪费时间。

Mintlify 即将推出一款 VS Code 扩展 AI Doc Writer，这款工具的目标是利用工具编写文档。

只需选中代码的某个函数并按 Command +，AI Doc Writer 就可以生成该函数的文档。我测试了一个函数，效果还不错。

如上所示，选不选函数中的空白，会生成截然不同的文档。

需要源代码的搜索引擎吗？Mintlify Search Engine 是同一团队开发的另一款 VS Code 扩展。你可以用自然语言编写搜索查询来查找代码片段。此外，你还可以询问特定代码的功能。现阶段，该扩展还处于小范围测试阶段。

Blockman

你想高亮显示代码的作用域吗？这样就可以更轻松地阅读当前代码块。有时在向同事解释不同的控制流时，高亮显示尤其有帮助。

不用担心，VS Code 扩展 Blockman 正如其名所示：将代码显示成方块。

Blockman 允许你修改代码块的显示颜色和深度、切换焦点，还有其他自定义。

在选中的框内高亮显示嵌套的代码块非常容易。如下展示了利用这款工具显示一层层的缩进：

Live Frame

LiveFrame 也是一款可以在编辑器内运行和预览 Web 应用程序的 VS Code 扩展。可以帮助我们减少在 VS Code 和浏览器之间频繁地切换。

除了提高生产力之外，Live Frame 扩展还可用于录制或展示交互式演示教程。

参考链接：

https://betterprogramming.pub/new-vs-code-extensions-released-2021-ee34a0b3a03f

版权声明：本文为 CSDN 博主「CSDN 资讯」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/csdnnews/article/details/122846005

", "summary": "Visual Studio Code 是当前最受欢迎的源代码编辑器之一。VSCode 的流行得益于丰富的扩展库，使得第三方 API 的插入和使用变得更加容易。你甚至可以创建自己的 API 扩展，并发布到 Visual Studio 市场。", "author": "Anupam Chugh", "source": "CSDN", "top": false, "recommend": false, "hot": false, "color": false, "linkUrl": null, "addDate": "2022-02-10 20:43:00", "price": 0.0, "oldPrice": 0.0, "stockQuantity": 0, "priceUnit": null, "isMainContent": true, "allowAddSubContent": false, "relatedContentId": 0, "subContentNum": 0, "mainContent": null, "subContents": null, "attributeIds": null, "attributeValueIds": null, "id": 703, "guid": "70941078-fe54-46cb-8cd8-2b4e55baadb4", "createdDate": "2022-02-10 20:45:03", "lastModifiedDate": "2022-02-10 20:45:03" }, { "imageUrlCount": 0, "videoUrlCount": 0, "fileUrlCount": 0, "channelId": 24, "siteId": 1, "adminId": 2, "lastEditAdminId": 2, "userId": 0, "taxis": 462, "groupNames": [], "tagNames": [ "VS Code" ], "sourceId": 0, "referenceId": 0, "templateId": 0, "checked": true, "checkedLevel": 1, "hits": 0, "hitsByDay": 0, "hitsByWeek": 0, "hitsByMonth": 0, "lastHitsDate": null, "downloads": 0, "title": "Visual Studio Code 1.64 正式发布", "subTitle": "", "seoTitle": null, "imageUrl": "@/upload/images/2022/2/70ba4f3f8a249b90.gif", "videoUrl": "", "fileUrl": "", "keywords": "VS Code", "description": "Visual Studio Code 是一个开源的代码编辑器，支持 IntelliSense、调试、Git 和代码片断。可在 Windows、Linux 和 macOS 上下载使用。支持常见的脚本和编程语言，还可以通过安装扩展来获得更多语言和功能的支持。", "body": "

Visual Studio Code 是一个开源的代码编辑器，支持 IntelliSense、调试、Git 和代码片断。可在 Windows、Linux 和 macOS 上下载使用。支持常见的脚本和编程语言，还可以通过安装扩展来获得更多语言和功能的支持。

近日微软发布了 1.64 版本，更新内容如下：

• 新的侧面板 —— 使用新的侧面板一次显示更多视图。

  

• 设置编辑器搜索 —— 搜索现在优先考虑整个单词的匹配

• 音频提示 —— 当光标移动到折叠区域、错误和断点时能听到

• Unicode 高亮显示 —— 避免高亮显示受支持语言中的字符

• 自动终端回复 —— 对常见的终端提示创建自动回复

• Notebook UI 改进 —— 在 Markdown 和输出单元中搜索文本

• 调试二进制数据视图 —— 调试时查看和编辑二进制数据

• Markdown 路径建议 —— 快速插入相对文件路径和 header 链接

• JS/TS 用代码段括起来 —— 在代码段中插入选定的代码

• VS Code for the Web —— 支持在 vscode.dev 和 github.dev 中签名的 GitHub 提交

更多详情可查看：https://code.visualstudio.com/updates/v1_64

", "summary": "Visual Studio Code 是一个开源的代码编辑器，支持 IntelliSense、调试、Git 和代码片断。可在 Windows、Linux 和 macOS 上下载使用。支持常见的脚本和编程语言，还可以通过安装扩展来获得更多语言和功能的支持。", "author": "", "source": "oschina", "top": false, "recommend": false, "hot": false, "color": false, "linkUrl": null, "addDate": "2022-02-08 17:19:00", "price": 0.0, "oldPrice": 0.0, "stockQuantity": 0, "priceUnit": null, "isMainContent": true, "allowAddSubContent": false, "relatedContentId": 0, "subContentNum": 0, "mainContent": null, "subContents": null, "attributeIds": null, "attributeValueIds": null, "id": 693, "guid": "1429890c-f98d-46b6-aae9-abec6c0bf49e", "createdDate": "2022-02-08 17:23:00", "lastModifiedDate": "2022-02-08 19:44:05" }, { "imageUrlCount": 0, "videoUrlCount": 0, "fileUrlCount": 0, "channelId": 24, "siteId": 1, "adminId": 2, "lastEditAdminId": 2, "userId": 0, "taxis": 438, "groupNames": [], "tagNames": [ "Java", "VS Code" ], "sourceId": 0, "referenceId": 0, "templateId": 0, "checked": true, "checkedLevel": 0, "hits": 0, "hitsByDay": 0, "hitsByWeek": 0, "hitsByMonth": 0, "lastHitsDate": null, "downloads": 0, "title": "微软公布 VS Code Java 2022 年路线图", "subTitle": "", "seoTitle": null, "imageUrl": "@upload/images/2022/1/10803ffb56a1f1e4.png", "videoUrl": "", "fileUrl": "", "keywords": "VS Code,Java", "description": "微软公布 VS Code Java 2022 年路线图", "body": "

近日，微软在开发者博客中透露了 Visual Studio Code Java 在 2022 年的开发路线图，下方是微软发布的一张概括图片，概括了他们在 2022 年将会做出的改进与变化。图片内容比较简洁，不妨跟着我们一起看看具体每项内容的变化。

根据微软统计，在 2021 年，有超过 150 万开发者在 VS Code 中进行 Java 开发。可能正是这个规模庞大的数量让微软决定继续大幅改进 Java 的功能和开发体验。

基本的开发体验改进

基本的内循环体验影响着开发人员的日常工作效率和生产力，这一领域将继续是微软的首要关注点。微软将提高代码补全建议的智能性，提供并生成更相关的代码片段，此外还会根据用户的偏好提供各种快捷键（如 "syso" 和 "sout"）。

除了提升编写代码的体验，微软还将进一步改善开发者的调试体验。在 2022 年，VS Code 将允许开发者对反编译的类进行调试，在变量视图和 lambda 表达式评估中更快地进行评估。微软还将探索启用由新的 Project Loom 驱动的虚拟线程的可能性，以提高调试性能。

VS Code 在 2022 年还将改善 Java 的测试，其中显示测试覆盖率就是官方十分希望支持的一个功能，这个功能可以进一步提高 Java 测试体验。在基本的开发体验中，最后一个关注的重点就是在 2022 年的路线图中微软将对 Java 18 提供支持。

性能和可靠性

性能和可靠性是微软在 2022 年关注的另一个领域。在这个领域，他们将提高 Java 语言服务器（Java Language Server）的可靠性，减少 Java 语言服务器无相应的情况。

微软还从社区那里了解到，如果一个项目有很多依赖项需要下载，那么第一次导入时可能需要很长时间，所以他们计划解决这个问题。最后但同样重要的是，微软还将减少代码补全的响应时间。

构建工具

构建和依赖性管理一直是 Java 开发的一个关键部分，尤其是对于大型和多模块项目。微软将继续为 Gradle for Java 扩展添加新功能，并改进现有的 Maven 扩展。

Spring Boot 端到端支持

Spring Boot 框架是最受欢迎的 Java 框架之一，它允许开发者轻松构建微服务或 Web 应用。目前的 Spring Boot 扩展包（Spring Boot Extension Pack）包含许多优化 Visual Studio Code 上 Spring 开发体验的功能。根据 Spring 开发者社区的反馈，微软计划更进一步，他们将与 VMWare 合作，对核心 Java 扩展和 Spring 扩展进行改进，以下是改进的方向与内容：

• 更容易地创建 Spring 项目、控制器和 bean 的工作流程

• 对 Spring 核心概念（如 Bean 和 API 映射）进行更好的可视化处理

• 为 Spring 控制器和类生成模板代码

• 在 Spring Boot 仪表板中改进 Spring 应用生命周期管理

• 在管理依赖关系时，添加 Spring 库的体验更加直观

用户体验

微软表示，在 2021 年他们遇到了很多这样的情况：开发者要求使用已经存在的功能，但他们却找不到，因为这些功能很难被发现。因此，使功能更容易使用和更容易发现将是微软关注的另一个重点。由于不同的 Java 开发者可能从不同的 Java IDE 迁移至 VS Code，所以微软将使开发者从其他 IDE 迁移设置和配置都变得更容易。

如今有很多学生开发者也在 Visual Studio Code 中使用 Java，所以微软也计划为这个群体做出一些针对性的改进，比如为没有构建工具的项目提供更好的 JUnit 测试端到端体验，为 JavaFX / Swing 项目优化项目创建工作流程，以及为 Java AWT 包提供更流畅的包导入体验。最后，还将在 Java 扩展中支持 Live Share。

云原生开发

云原生是软件开发行业中最流行的话题之一。通过云原生开发方式，开发者需要处理微服务、云平台、Kubernetes 等问题。

为了解决开发者在这方面的需求，微软计划将 VS Code 与 Kubernetes 深度整合，以及与不同的云服务（如 Azure Spring Cloud）的交互。借助 Visual Studio Code 的远程开发扩展和 GitHub Codespaces，微软将致力于为 Java 开发者带来更好的云原生开发体验。

反馈和建议

在 2022 年，Visual Studio Code 将会针对 Java 开发作出非常多的更新，如果开发者还有其他建议的话，可以在微软 VS Code 的 GitHub issue 页面上创建新的 issue。

", "summary": "近日，微软在开发者博客中透露了 Visual Studio Code Java 在 2022 年的开发路线图，下方是微软发布的一张概括图片，概括了他们在 2022 年将会做出的改进与变化。图片内容比较简洁，不妨跟着我们一起看看具体每项内容的变化。", "author": "", "source": "oschina", "top": false, "recommend": false, "hot": false, "color": false, "linkUrl": null, "addDate": "2022-01-29 09:51:00", "price": 0.0, "oldPrice": 0.0, "stockQuantity": 0, "priceUnit": null, "isMainContent": true, "allowAddSubContent": false, "relatedContentId": 0, "subContentNum": 0, "mainContent": null, "subContents": null, "attributeIds": null, "attributeValueIds": null, "id": 665, "guid": "b5c40dcc-73a5-4d9b-8f3a-8c54b1f86355", "createdDate": "2022-01-29 09:52:12", "lastModifiedDate": "2022-01-29 09:52:12" }, { "imageUrlCount": 0, "videoUrlCount": 0, "fileUrlCount": 0, "channelId": 24, "siteId": 1, "adminId": 2, "lastEditAdminId": 2, "userId": 0, "taxis": 351, "groupNames": [], "tagNames": [ "VS Code", "主题" ], "sourceId": 0, "referenceId": 0, "templateId": 0, "checked": true, "checkedLevel": 0, "hits": 0, "hitsByDay": 0, "hitsByWeek": 0, "hitsByMonth": 0, "lastHitsDate": null, "downloads": 0, "title": "2021 年最受欢迎的 15 个 VS Code 主题排行榜", "subTitle": "", "seoTitle": null, "imageUrl": "@upload/images/2022/1/74e305a9f0dd8e4b.png", "videoUrl": "", "fileUrl": "", "keywords": "VS Code,主题", "description": "2021 年最受欢迎的 15 个 VS Code 主题排行榜", "body": "

微软的 VS Code 凭其丰富的扩展受到众多开发者的青睐，俺总结了 2021 年最受欢迎的15 个 VS Code 主题（按 VS Code 扩展商店的安装次数排名），仅供大家参考。

1、One Dark Pro

安装次数：4,439,317

 Atom 设计的经典 One Dark 主题，下载榜第一名，质量无需多言。融合了良好的配色方案和舒适的视觉风格，多个版本可选，非常适合喜欢黑夜模式的开发人员（半夜敲代码美滋滋？）。

2、Dracula Official

安装次数：2,886,381 

德古拉也是一个由 Zeno Rocha 创建的经典 VS Code 深色主题，适用于 Visual Studio Code 和其他 181+ 应用程序，是有史以来最流行的 vs 代码主题之一。

3、GitHub Theme

安装次数：2,682,414 

经典 GitHub 配色，有浅色、深色、浅色默认、深色默认和深色变暗版，适合 GitHub 老粉使用。

4、Winter Is Coming Theme

安装次数：1,398,907

文艺点可以翻译成“ 凛冬将至 ”，这个主题也有深色和浅色版本，冷色调的配色很好看，不过字体可能有点难辨认...

5、Night Owl

安装次数：1,128,643

这个主题的名字就叫“夜猫子”，适合加班党 适合那些深夜才有灵感的人们使用，字体和背景的配色都非常适合弱光环境，有斜体版本和无斜体可选择，还有个白天的版本“Light Owl ”。

6、Monokai Pro

安装：1,111,117

Monokai Pro 由 Monokai 原始作者设计，包含完整的配色方案、自定义用户界面主题和完整的图标集，精心挑选的色调制造出不分心的用户界面，让你专注于代码。

7、One Monokai Theme

安装次数：1,053,867

由 Joshua Azeroth 创建的最受好评和最常用的黑暗 vscode 主题之一，Monokai 和 One Dark 主题的混合体，精心设计的色彩组合和代码编辑功能让你轻松地专注于工作。

8、Shades of Purple 

安装次数：1,049,423

如它的名字 “紫色阴影” ，这个主题混合了各种紫色的色调和阴影颜色，可以轻松辨认重点属性，比如类名、函数定义等，适合紫色爱好者。

10、Ayu

安装次数：991,415

这个主题真的很好看，简单、明亮、优雅，也是俺白天常用的主题之一，就是有点太亮了，看久了眼酸。

11、Palenight

安装次数：716,039

由 ololu Olawuyi 创作的最小对比度主题，柔和而舒适，找不到 bug 的烦躁都舒缓了许多。

11、Cobalt2 Theme Official

安装次数：674,471

由 Wes Bos 创建，简单易懂，设计精美，是市场上评价最高的主题之一。精心挑选的颜色和样式可帮助开发人员专注于代码及其清晰度。

12、SynthWave '84

安装次数：636,558

这个 CSS 主题通过发光效果和混合色调营造出一种 80 年代霓虹灯的味道，经典而优雅的 80 年代美学，敲代码的同时有种纸醉金迷的迷幻感。

13、Noctis

安装次数：511,688

暖色和冷色混合的均衡搭配，看起来很舒服，还可以减少眼睛疲劳。8个深色和3个浅色版本任君选择，总有一款适合你。

14、Panda Theme

安装次数：483,485

配色、对比度、明暗搭配恰到好处，看再久也不会累！

15、Nord

由A rctic Ice Studio 设计的北极蓝主色调、干净、优雅的主题。

 

上面是个是 15 个较为流行的主题，下面再介绍小编用过的一些小众的有趣的主题：

1、Moonlight 

下载次数：58,912

这主题叫“月光”，对关键属性添加了月光色的背景高亮，非常温馨可爱。

12、Cyberpunk

下载次数：127,762 

紫色+猩红，酷炫的赛博朋克配色，科技感十足，就是不知道看久了会不会伤眼睛。。。

13、Green Theme

下载次数：28,015

纯绿色，什么都是绿的，让你精疲力尽都都找不到关键词，环保主义者狂喜。

注意：此排名旨在为大家介绍 2021 年流行的 VS Code 主题，不代表 VS Code 官方排名。且排名时只选取了通用主题，并未包含如微软的 C/C++主题这类针对特定语言的主题。

", "summary": "微软的 VS Code 凭其丰富的扩展受到众多开发者的青睐，俺总结了 2021 年最受欢迎的15 个 VS Code 主题（按 VS Code 扩展商店的安装次数排名），仅供大家参考。", "author": "", "source": "oschina", "top": false, "recommend": false, "hot": false, "color": false, "linkUrl": null, "addDate": "2022-01-05 20:09:00", "price": 0.0, "oldPrice": 0.0, "stockQuantity": 0, "priceUnit": null, "isMainContent": true, "allowAddSubContent": false, "relatedContentId": 0, "subContentNum": 0, "mainContent": null, "subContents": null, "attributeIds": null, "attributeValueIds": null, "id": 529, "guid": "55c23892-f8ef-4be9-b184-3669cb51509d", "createdDate": "2022-01-05 20:51:28", "lastModifiedDate": "2022-01-05 20:51:28" }, { "imageUrlCount": 0, "videoUrlCount": 0, "fileUrlCount": 0, "channelId": 24, "siteId": 1, "adminId": 2, "lastEditAdminId": 2, "userId": 0, "taxis": 240, "groupNames": [], "tagNames": [ "VS Code", "用户体验" ], "sourceId": 0, "referenceId": 0, "templateId": 0, "checked": true, "checkedLevel": 0, "hits": 0, "hitsByDay": 0, "hitsByWeek": 0, "hitsByMonth": 0, "lastHitsDate": null, "downloads": 0, "title": "VS Code 1.62 已发布，多项提升用户体验的新功能", "subTitle": "", "seoTitle": null, "imageUrl": "@upload/images/2021/11/7086f8705ecb838f.png", "videoUrl": "", "fileUrl": "", "keywords": "VS Code,用户体验", "description": "VS Code 1.62 已发布，多项提升用户体验的新功能", "body": "

Visual Studio Code 1.62 版本发布了，此版本除了推出网页版 VS Code 以外，还更新了很多设置项来优化用户体验，包括参数提示高亮、新的快捷键、Unicode 方式格式字符提示等，主要亮点内容如下：

 网页版 VS Code - vscode.dev（预览版）

1.62 发布了 Visual Studio Code for the Web 的预览版，支持在浏览器直接运行 VS Code 。主要的编辑功能网页版都支持，不过少了很多扩展：像主题、片段或语法这种纯声明性的扩展可以在浏览器直接运行，需要运行代码的扩展必须由扩展的作者更新。

参数提示高亮

现在会突出显示当前参数，可以通过 editorHoverWidget.highlightForeground 设置颜色

改进支架对指引

水平线勾勒出括号对的范围，垂直线取决于括号对包围的代码缩进。

• 可以通过设置 editor.guides.bracketPairs 为 true（默认为false）来启用支架对指引。

• 添加了第三个选项“ active”：仅显示活动括号对的指引。

• 新设置 editor.guides.bracketPairsHorizontal 可以控制是否、何时渲染水平参考线（默认为active）。

• 新的主题颜色 editorBracketPairGuide.background{1,...,6}，editorBracketPairGuide.activeBackground{1,...,6} 可用于自定义支架对指南的颜色。

可定制的括号对

现在可以为特定的编程语言配置括号对：

 

• editor.language.bracketPairs 用于配置指定语言的括号字符。

• editor.language.colorizedBracketPairs 用于配置对应语言的支架对颜色。

可以选择悬停的显示位置

现在可以选择 IntelliSense 悬停显示在代码行的上面还是下面。设置 editor.hover.above 为 false，悬停将显示在当前行下方。

Unicode 方向格式字符

为了解决 Unicode  CVE-2021-42574 问题（关于此漏洞可以查看文章：Unicode 算法漏洞“Trojan Source”几乎影响所有编程语言），VS Code 现在默认显示 Unicode 方向格式字符，比如：

上图包含两个明确的方向格式字符，U+202E( 从右到左覆盖) 和U+202C( POP DIRECTIONAL FORMATTING)。为了避免漏洞被利用，现在默认显示特殊的字符格式：

通过把 editor.renderControlCharacters 设置为 false， 可以关闭特殊格式提示（默认设置是 true）。

扩展会显示是否经过验证

VS Code 现在显示扩展发布者的域是否由 Visual Studio Marketplace 验证。

新的默认组合键

添加了几个其他编辑器支持的按键绑定：

• ctrl+shift+2: 输入空字符 ( 0x00)。

• ctrl+shift+6: 输入记录分隔符 ( 0x1E)。

• ctrl+/: 输入单位分隔符 ( 0x1F)。

可以配置 HTML 属性的填充位置

新设置 html.completion.attributeDefaultValue，可以选择写完 HTML 属性的时候填充值的位置：

• doublequotes: 值放在双引号中（默认）

• singlequotes: 值放在单引号中

• empty: 值为空

文件备注支持使用表情符号

如图：

查找和替换支持正则表达式

notebook 编辑器的查找和替换组件现在支持用正则表达式抓取，如下图：

1.62 版本还包含其他更新内容，比如对 TypeScript 4.5 的支持、对 Electron 沙箱支持的进展等，详情可查看 VS Code 1.62 更新公告。

", "summary": "Visual Studio Code 1.62 版本发布了，此版本除了推出网页版 VS Code 以外，还更新了很多设置项来优化用户体验，包括参数提示高亮、新的快捷键、Unicode 方式格式字符提示等", "author": "", "source": "oschina", "top": false, "recommend": false, "hot": false, "color": false, "linkUrl": null, "addDate": "2021-11-08 09:44:00", "price": 0.0, "oldPrice": 0.0, "stockQuantity": 0, "priceUnit": null, "isMainContent": true, "allowAddSubContent": false, "relatedContentId": 0, "subContentNum": 0, "mainContent": null, "subContents": null, "attributeIds": null, "attributeValueIds": null, "id": 408, "guid": "b22931d0-080c-42db-957f-a806ff7a0abf", "createdDate": "2021-11-08 09:46:44", "lastModifiedDate": "2021-11-08 09:46:44" }, { "imageUrlCount": 0, "videoUrlCount": 0, "fileUrlCount": 0, "channelId": 24, "siteId": 1, "adminId": 2, "lastEditAdminId": 2, "userId": 0, "taxis": 218, "groupNames": [], "tagNames": [ "VS Code", "特斯拉", "Xbox" ], "sourceId": 0, "referenceId": 0, "templateId": 0, "checked": true, "checkedLevel": 0, "hits": 0, "hitsByDay": 0, "hitsByWeek": 0, "hitsByMonth": 0, "lastHitsDate": null, "downloads": 0, "title": "网页版VS Code来了，特斯拉Xbox手机都能用，随时随地写bug", "subTitle": "", "seoTitle": null, "imageUrl": "@upload/images/2021/10/a35a761c34ed78c4.jpg", "videoUrl": "", "fileUrl": "", "keywords": "VS Code,Xbox,特斯拉", "description": "网页版VS Code来了，特斯拉Xbox手机都能用，随时随地写bug", "body": "

量子位报道公众号 QbitAI

你可能永远不知道同事以后会在什么地方、用什么写代码！

因为微软正式发布了网页版的 VS Code，只要你有浏览器，就能“为所欲为”。

这下，有人直接把它“搬”到了特斯拉车里：

还有人在 Xbox 上解锁：

是时候在 Xbox 上开发 Xbox 游戏了？？

你们常说的 iPad 买前生产力，买后爱奇艺，这下 iPad 也终于能 coding，再也没理由摸鱼了。

不仅 iPad，连手机都行，如果你不嫌屏幕小的话……

怎么样？心动吗？

反正我们一开始是很心动，所以立刻试了试。

对 GitHub 支持友好

我们先随便在一台 Mac 电脑上打开，新建文件后选择语言：

提问：所有编程语言都支持吗？

答：No，分三档。

第一档为体验几乎与桌面端相同是“webby”语言，比如JSON、HTML、CSS 和 LESS；

其次是TypeScript、JavaScript 和 Python，由在浏览器中本地运行的语言服务提供支持，语法高亮、单文件自动补全、语法错误提示等功能都有，使用体验“良好”；

其余语言像什么C/C++、C#、Java、Rust、Go……为最后一档，只提供语法高亮、括号对上色、文本补全（别的功能需要自己装插件）。

OK，除了自己新建文件，你也能打开本地项目。

除非你用的是什么老得不能再老的 IE？不过按照官方的说法，也能凑合，能打开单个文件或者远程仓库：

对，如果你想运行 GitHub 项目的话，只需在项目地址前加上vscode.dev/，就像这样：

https://github.com/microsoft/vscode => vscode.dev/https://github.com/Microsoft/vscode

或者直接在这里输入项目地址：

浏览代码时，可以直接用色彩选择器选取颜色：

也可以直接生成对应代码的链接，直接分享给其他用户，方便进行讨论：

用 VS Code，不装点插件哪行？

不过，现在这个网页版似乎支持的不多。

虽说大多数 UI 插件（主题、热键等）都能用，比如下面这个“Night Owl”：

ps.可以通过 Settings Sync 在网页版、桌面端和 GitHub 仓库之间启动同步。

还有什么支持丰富图像编辑的 Luna Paint，GitHub Issue Notebooks 等插件也行。

但是像那种使用了操作系统模块的 Node.js 代码插件、运行了可执行文件的插件等就不行了（搜倒是能搜出来，不过会标记）。

我们试了一下，Python 插件竟然提示装不了……

不过，基本的 VS Code 功能还是能用的，像能直接预览Markdown 代码效果，也能直接保存文件到本地端：

好，那咱写个“JS 深拷贝”运行一下：

Oh，No！虽然它给编译留出了按键，但却无法在线编译！

不得不承认，浏览器相比桌面端还是有限制。

而且，网页版还不支持终端……

好在，对 GitHub 的托管支持还不错：

内置 GitHub Repositories、Codespaces 和 Pull Request 等插件，提交、拉取代码都很方便。

不像对 Azure Repos，虽说也支持，但目前只能预览，读写功能还在路上，别的就更别提了。

当然，除了 Mac 电脑以外，我们还在iPad的 Safara 浏览器上试着运行了一下网页版 VS Code：

在安卓手机上也没问题，除了官宣的 Chrome 浏览器以外，微软当然也不会放过自带的Edge 浏览器，我们又试了一下用 Edge 运行，OK：

当然，记得要将各种设备（安卓、iPad 等）上的 Chrome/Edge 浏览器更新至最新版本，否则就会卡在下面这个界面：

整体来说，网页版 VS Code 还是查看项目代码很方便的利器。

如果出门在外没带电脑，可以直接用身边的其他设备在线查看代码。（给同事挑 bug）

不过，这其实不是微软第一次推出在线版本了。

微软：我们正在推动插件支持

早在 Build 2019 开发者大会上，微软就宣布了会有网页版本的 VS Code。

最初的 VS Code 网页版叫VS Online （Visual Studio Online）。

后来微软发现，VS Online 不仅被用来当做网页版代码编辑器，也更像是一个云代码存储空间，所以 VS Online 又被改名叫VS Codespaces。

注意，VS Online 和 VS Codespaces 在云端运行编译是要收费的。（没错，你也可以自己搭服务器，不收费）

后来 VS Codespaces 进一步“进化出”GitHub Codespaces，可以直接在 GitHub 上云编译代码。

甚至有人发现了这个快捷功能：直接在 GitHub 各种页面上按下“。”按键，就能进入在线编辑界面：

现在，这个 GitHub 在线编辑器进化成了完整的 VS Code 网页版编辑器，也就是这次微软正式发布的网页版 VS Code。

不过，也不是不能在浏览器上就完成代码的编译工作——你可以借助 Codespaces 的云服务器来付费计算：

所以也有人调侃，微软推出的这个 VS Code 网页版，就是为了推广微软 Azure 云服务器设计的（手动狗头）

最后，虽然这次发布的这个网页版 VS Code 还不能和桌面端媲美，但微软此番愿景就是能让大家真正实现在任何地方写任何代码，所以它叫大家“敬请期待更多”。

就比如插件，别看现在少，官方说几乎每天都有新的在加入～

而且大家还能贡献自己开发的插件，开发规范和发布规则都可去 VS Code 官网查看。

诶？说到随时随地写代码，这才是程序员的真实想法吧：

还有马上 10.24 了，莫非这也是微软提前给广大程序员们的一个惊喜？

“惊喜”传送门：

https://vscode.dev/

参考链接：

[1]https://www.zdnet.com/article/microsoft-makes-its-vs-code-tool-available-directly-in-the-browser/

[2]https://code.visualstudio.com/blogs/2021/10/20/vscode-dev

[3]https://www.youtube.com/watch?v=sy3TUb_iVJM

[4]https://news.ycombinator.com/item?id=28932206

[5]https://github.com/features/codespaces

[6]https://github.com/github/dev

[7]https://visualstudiomagazine.com/articles/2021/10/20/vs-code-web.aspx

", "summary": "你可能永远不知道同事以后会在什么地方、用什么写代码！", "author": "丰色萧箫", "source": "凹非寺", "top": false, "recommend": false, "hot": false, "color": false, "linkUrl": null, "addDate": "2021-10-23 19:11:00", "price": 0.0, "oldPrice": 0.0, "stockQuantity": 0, "priceUnit": null, "isMainContent": true, "allowAddSubContent": false, "relatedContentId": 0, "subContentNum": 0, "mainContent": null, "subContents": null, "attributeIds": null, "attributeValueIds": null, "id": 378, "guid": "dfe5e64d-c3dd-47e4-adb7-bd32f5e8fd66", "createdDate": "2021-10-23 19:13:13", "lastModifiedDate": "2021-10-23 19:13:13" }, { "imageUrlCount": 0, "videoUrlCount": 0, "fileUrlCount": 0, "channelId": 24, "siteId": 1, "adminId": 2, "lastEditAdminId": 2, "userId": 0, "taxis": 193, "groupNames": [], "tagNames": [ "Windows", "记事本", "Fluent" ], "sourceId": 0, "referenceId": 0, "templateId": 0, "checked": true, "checkedLevel": 0, "hits": 0, "hitsByDay": 0, "hitsByWeek": 0, "hitsByMonth": 0, "lastHitsDate": null, "downloads": 0, "title": "Windows 新版记事本泄露图：采用 Fluent Design、支持选择主题", "subTitle": "", "seoTitle": null, "imageUrl": "@upload/images/2021/10/4a331b07f440af09.png", "videoUrl": "", "fileUrl": "", "keywords": "Windows,记事本", "description": "Windows 新版记事本泄露图：采用 Fluent Design、支持选择主题", "body": "

根据 Windows Latest 的报道，微软员工在推特意外泄露了 Windows 新版记事本的截图。虽然原推文已在发布后被作者迅速删除，但截图仍被手速极快的网友保存了下来。

如下图所示，新版记事本的窗口和 Windows 11 一样引入了圆角设计，并将这种设计元素应用到菜单、弹出窗口和其他区域。

据介绍，新版记事本采用了微软自家的 Fluent Design 设计语言，整体风格将会和原生系统更加统一和融合，此外还更新了图标和整体排版。

功能方面，目前看来新版本并没有增加新功能，常用的功能保留了下来——文件、编辑和查看等（似乎移除了“格式”和“帮助”的菜单项），因此新版看上去比旧版更简洁。

在另一张被泄露的截图中，还可以看到微软正在为记事本开发新的「设置」页面，用户可在此页面选择希望使用的字体、字体大小和字体样式。在编辑文件时，还支持在「默认」和「经典」这两种模式之间切换。

此外，新版记事本的「设置」页面还增加了选择“主题”的选项，虽然目前无法看到记事本真正内置的主题，但相信开发团队会提供原生的深色模式，以及其他主题。

最后，Windows 11 的新版记事本将通过 Microsoft Store 自动接收新功能和升级，因此用户无需等待其新增功能与 Windows 11 的功能更新捆绑推出。

", "summary": "根据 Windows Latest 的报道，微软员工在推特意外泄露了 Windows 新版记事本的截图。虽然原推文已在发布后被作者迅速删除，但截图仍被手速极快的网友保存了下来。", "author": "", "source": "oschina", "top": false, "recommend": false, "hot": false, "color": false, "linkUrl": null, "addDate": "2021-10-11 10:12:00", "price": 0.0, "oldPrice": 0.0, "stockQuantity": 0, "priceUnit": null, "isMainContent": true, "allowAddSubContent": false, "relatedContentId": 0, "subContentNum": 0, "mainContent": null, "subContents": null, "attributeIds": null, "attributeValueIds": null, "id": 351, "guid": "ba70f384-d645-4e43-a013-92525344016f", "createdDate": "2021-10-11 10:14:08", "lastModifiedDate": "2021-10-11 10:14:08" }, { "imageUrlCount": 0, "videoUrlCount": 0, "fileUrlCount": 0, "channelId": 24, "siteId": 1, "adminId": 2, "lastEditAdminId": 2, "userId": 0, "taxis": 187, "groupNames": [], "tagNames": [ "Visual Studio", "VS Code" ], "sourceId": 0, "referenceId": 0, "templateId": 0, "checked": true, "checkedLevel": 0, "hits": 0, "hitsByDay": 0, "hitsByWeek": 0, "hitsByMonth": 0, "lastHitsDate": null, "downloads": 0, "title": "Visual Studio Code 1.61 发布", "subTitle": "", "seoTitle": null, "imageUrl": "@upload/images/2021/10/ba4970605cb292be.png", "videoUrl": "", "fileUrl": "", "keywords": null, "description": "Visual Studio Code 1.61 发布", "body": "

Visual Studio Code 1.61 现已发布，其中一些主要亮点内容如下：

• 在同一组内拆分编辑器：为同一文件快速创建 side-by-side 的编辑器。添加了一个新命令 Split in Group ( Ctrl+K Ctrl+Shift+\\ ) 以将一个编辑器分成两部分，而无需第二个编辑器组。这允许你在同一个文件上并排使用两个编辑器。你还可以通过"切换布局"按钮在垂直或水平拆分之间切换布局：

 

• 锁定编辑器组：选择编辑器类型以自动锁定编辑器组。该功能在新版本中的设置体验得到了改进，允许你轻松选择一个编辑器，在打开时自动锁定一个组。

• 更好地显示已删除和只读文件：Tab decorations 突出显示已删除和只读文件。

• Bracket pair guides：显示用于链接匹配 bracket pairs 的 vertical guides。

• 修复的 terminal dimensions：现在可以通过 Terminal: Set Fixed Dimensions 命令 ( workbench.action.terminal.setDimensions)设置 terminal dimensions。这对于换行可能产生干扰或破坏性的情况很有用。该命令将显示一个提示，你可以在其中输入首选宽度和/或高度。

• Jupyter Notebook 改进：目录视图，全面的调试支持。

• 特定于平台的扩展：为 Windows、macOS 和 Linux 发布不同的扩展版本。

• Virtual Workspaces 扩展指南：了解如何为虚拟环境更新扩展。

• 高级容器配置：帮助配置开发容器的提示、代码示例和视频。

更多详情可查看官方公告。

下载：Windows: User System ARM | Mac: Universal 64 bit Arm64 | Linux: deb rpm tarball ARM snap

", "summary": "Visual Studio Code 1.61 现已发布", "author": "", "source": "oschina", "top": false, "recommend": false, "hot": false, "color": false, "linkUrl": null, "addDate": "2021-10-09 09:09:00", "price": 0.0, "oldPrice": 0.0, "stockQuantity": 0, "priceUnit": null, "isMainContent": true, "allowAddSubContent": false, "relatedContentId": 0, "subContentNum": 0, "mainContent": null, "subContents": null, "attributeIds": null, "attributeValueIds": null, "id": 345, "guid": "c2b515e3-177a-44b0-bf48-a4e268ccc286", "createdDate": "2021-10-09 09:12:11", "lastModifiedDate": "2021-10-09 09:12:11" }, { "imageUrlCount": 0, "videoUrlCount": 0, "fileUrlCount": 0, "channelId": 24, "siteId": 1, "adminId": 2, "lastEditAdminId": 2, "userId": 0, "taxis": 183, "groupNames": [], "tagNames": [ "Windows 11", "微软" ], "sourceId": 0, "referenceId": 0, "templateId": 0, "checked": true, "checkedLevel": 0, "hits": 0, "hitsByDay": 0, "hitsByWeek": 0, "hitsByMonth": 0, "lastHitsDate": null, "downloads": 0, "title": "为庆祝Windows 11发布 微软免费赠送系统主题冰淇淋", "subTitle": "", "seoTitle": null, "imageUrl": "@upload/images/2021/10/508a2ff379710200.png", "videoUrl": "", "fileUrl": "", "keywords": "Windows 11", "description": "为庆祝Windows 11发布 微软免费赠送系统主题冰淇淋", "body": "

据外媒报道，微软和纽约市的 Mikey Likes It Ice Cream 合作在今日（当地时间 10 月 5 日）免费送出冷冻甜点。这次合作标志着 Windows 11 的发布，也是在大流行之前，通常包括在纽约市举行的 Windows 发布派对的一部分。

这款 Bloomberry 冰淇淋看起来像默认的 Bloom Windows 11 壁纸的冷冻混合物。

蓝莓口味的冰淇淋在纽约东村和哈林区的 Mikey Likes It 地点是免费的，一直到送完为止。不过不确定获得这种 Windows 11 冰淇淋是否有任何入门要求，如必须在门口启用 TPM 2.0。

免费冰激凌并不是微软在纽约市庆祝 Windows 11 发布的唯一方式。Bloom 壁纸今日还出现在了知名的时代广场广告屏幕上，以标志着 Windows 11 的发布。微软非常喜欢在纽约市发布产品，这家公司选择在纽约市发布 Windows 7 和 Windows 8 及新的 Windows 10 设备。

Windows 11 今日已经用于新设备或符合条件的现有硬件。微软正在采取渐进的方式推出这个新的操作系统，但它可以作为符合条件的 Windows 10 设备的免费升级。

", "summary": "据外媒报道，微软和纽约市的 Mikey Likes It Ice Cream 合作在今日（当地时间 10 月 5 日）免费送出冷冻甜点。这次合作标志着 Windows 11 的发布，也是在大流行之前，通常包括在纽约市举行的 Windows 发布派对的一部分。", "author": "", "source": "cnBeta", "top": false, "recommend": false, "hot": false, "color": false, "linkUrl": null, "addDate": "2021-10-07 17:50:00", "price": 0.0, "oldPrice": 0.0, "stockQuantity": 0, "priceUnit": null, "isMainContent": true, "allowAddSubContent": false, "relatedContentId": 0, "subContentNum": 0, "mainContent": null, "subContents": null, "attributeIds": null, "attributeValueIds": null, "id": 341, "guid": "deb1fce3-518a-412d-89d5-ffee922cefc4", "createdDate": "2021-10-07 17:51:52", "lastModifiedDate": "2021-10-07 17:51:52" } ]