Visual Studio Code v1.16发布

天马3798

于 2017-09-14 11:54:32 发布

阅读量703

点赞数

分类专栏： Visual Studio Code 文章标签： VS Code v1.16发布

本文链接：https://blog.csdn.net/u011127019/article/details/77978657

版权

Visual Studio Code 专栏收录该内容

40 篇文章 9 订阅

订阅专栏

2017年8月（版本1.16）

在这个版本中有一些重要的更新，我们希望你会喜欢，一些关键的亮点包括：

JavaScript / TypeScript重构 - 轻松将源代码提取到方法和函数中。
HTML标签自动关闭 - 通过自动关闭标签提高了编辑器的生产力。
HTML中的颜色选择器 - 您现在可以在HTML文件中使用VS代码颜色选择器。
集成终端快速打开 - 从VS代码快速打开创建或跳转到终端。
从搜索中拖放 - 从搜索快速打开文件以及“问题”面板。
多个SCM提供商 - 您现在可以拥有多个活动的源代码管理提供程序。
新的在线文档 - 新的Emmet主题和Node.js部署教程的更新。
VS代码“recipes”存储库 - 在VS代码中使用React，Angular和Docker的示例。
预览：多根工作区 - 添加文件夹和创建工作空间（内部人员构建）时更平滑的UI。
扩展作者的多根提示 - 更新您的扩展以便与多根工作空间无缝工作。

个人关注功能更新如下：

官方地址： https://code.visualstudio.com/updates/v1_16

工作台

从“搜索结果和问题”面板拖放

您现在可以通过编辑器区域将“搜索结果和问题”面板中的文件拖曳到这些应用程序打开的位置。文件资源管理器始终支持这一点，现在我们已将该功能扩展到UI的其他区域。

在搜索结果中拖放

通过拖放打开文件夹

VS代码始终支持从VS代码之外拖动一个文件夹来打开文件夹。VS代码静音支持这一点，但视觉反馈有所改变。以前，您可以将文件夹放在“VS代码”中的任何位置以将其打开。有了这个版本，你需要将文件夹放在编辑器区域上来打开它。这种变化是由于技术原因（电子更新）以及明确决定使多根体验更好的原因。如果您使用的VS代码内部人员具有多根支持，您将很高兴听到您现在可以将文件夹放入文件资源管理器将其添加到工作区。

通过拖放打开文件夹

主题改进

介绍了几种新的主题色键。这些颜色可以由主题设置，或直接由用户workbench.colorCustomizations设置：

tab.activeBorder：绘制到活动标签底部的边框。
tab.unfocusedActiveBorder：绘制到未聚焦的编辑器组中活动选项卡底部的边框。
editorOverviewRuler.border：概述标尺边框的颜色。
editorOverviewRuler.findMatchForeground：查找匹配的标尺标记颜色。
editorOverviewRuler.rangeHighlightForeground：概述用于范围高亮的标尺颜色。
editorOverviewRuler.selectionHighlightForeground：用于选择亮点的总统标记颜色。
editorOverviewRuler.wordHighlightForeground：用于符号亮点的标尺标记颜色。
editorOverviewRuler.wordHighlightStrongForeground：用于写访问符号亮点的总统标记颜色
editorOverviewRuler.modifiedForeground：修改内容的标尺标记颜色。
editorOverviewRuler.addedForeground：概述添加内容的标尺颜色。
editorOverviewRuler.deletedForeground：删除内容的标尺标记颜色。
editorOverviewRuler.errorForeground：概述标尺颜色的错误。
editorOverviewRuler.warningForeground：概述用于警告的标尺标记颜色。
editorOverviewRuler.infoForeground：概述标尺标记颜色的信息消息。

有关颜色的完整列表，请参阅主题颜色参考。

语言

HTML关闭标签

标签元素现在>在打开标签的类型时自动关闭：

自动关闭

在输入关闭标签的时候插入匹配的关闭标签/：

自动关闭

默认情况下启用新行为，并可通过设置关闭新行为 html.autoClosingTags

感谢俊汉带着自动关闭标签的方式。请注意，自动关闭标签扩展程序具有更多功能，特别是可以为HTML之外的语言启用。

HTML中的颜色选择器

新的VS代码颜色选择器UI现在可以在HTML样式部分。

HTML中的颜色选择器

TypeScript 2.5

VS代码现在包括TypeScript 2.5.2，它带来了一些令人兴奋的新的编辑器功能，并修复了一些错误。您可以在这里阅读更多关于TypeScript 2.5的信息。以下是有关新功能的详细信息。

JavaScript和TypeScript重构

新的Extract方法和Extract函数代码操作允许您将复杂的JavaScript或TypeScript代码快速重构为新的方法或函数：

只需选择一些代码，然后点击排水管中的灯泡，或按（Ctrl +。）查看可用的重构。可以将源代码片段提取为新的方法，或者以各种不同的范围提取到新的函数中。

JSDoc类型断言

您现在可以在JavaScript文件中使用写JSDocs类型断言：

// @ts-check

const img = /** @type {HTMLImageElement} */ (document.getElementById('#cat'))
img.src = './cat.gif'

当您在JavaScript代码中@ts-check启用类型检查时，这是特别有用的。

更好的松散的JavaScript / TypeScript文件隔离

不属于jsconfig.json或tsconfig.json项目一部分的松散的JavaScript和TypeScript文件现在分为每个根文件夹的隐式项目。以前，工作区中所有根文件夹中的松散文件都分组到同一个隐式项目中。该更改意味着您不应再看到一个JavaScript文件夹中的文件中的建议显示在不同文件夹中的JavaScript文件中。