2023.1 更新内容 

• 支持Astro

• 在Vue模板中支持TypeScript

• 将字符串自动转换为模板字面意义

• Tailwind CSS配置

• 改进的新用户界面

• 完整的IDE缩放

• 改进GitHub的代码审查工作流程

WebStorm 2023.1的新内容

支持Astro，Vue模板的TypeScript支持，Tailwind CSS配置，完整的IDE缩放，新UI的完善和版本控制的整合，以及更多。

框架和技术

支持Astro

期待已久的Astro支持已经登陆WebStorm! 你可以通过我们新的Astro插件得到它，它可以从首选项/设置|插件中安装。该插件提供了基本的功能，包括语法高亮、自动导入的代码完成、重构、导航、正确的格式化等等。

支持Vue模板中的TypeScript

我们在Vue模板中添加了TypeScript支持。当你将脚本标签中的lang属性设置为ts时，它就会被启用。以前，无论脚本标签中的 lang 属性如何，都会使用 JavaScript。WebStorm现在将提供对内联铸造的支持、改进的类型缩小，以及在Vue单文件组件模板的快速文档中提供关于推断类型的正确信息。

Vue中的自定义组件事件完成

在这个版本中还有一项针对Vue的改进，值得一提。你现在可以在Vue模板中为你的自定义组件事件获得代码完成。这在JavaScript和TypeScript中的作用是相同的。

复制粘贴时增加了组件导入

当你从一个文件复制和粘贴代码到另一个文件时，WebStorm会自动添加所有需要的导入。这在以前是纯JavaScript、TypeScript语言和React模板的情况。在WebStorm 2023.1中，它现在也适用于Vue、Svelte、Astro和Angular模板。

React道具的参数信息

我们增加了一种新的方式来显示组件道具的预期类型。如果你在道具传递给组件的地方按Ctrl+P，你会得到一个弹出的类型信息。之前，这个信息只能通过悬停来获得，这对以键盘为中心的用户来说是不方便的。

Angular的新功能

当你在Angular模板中工作时，WebStorm会在代码完成时自动为全局和导出的符号添加导入到你的组件。IDE还支持Angular 15 NgoptimizedImage指令，提供了一个检查，建议使用ngSrc而不是src的img。

在文件夹中运行Jest测试的能力

现在你可以通过右键上下文菜单运行特定文件夹中的所有测试。这个功能在Vitest中使用，现在我们也为Jest实现了这个功能。

Docker改进

Docker-compose节点的Dashboard标签现在将所有的容器日志拉到一起，并在一个地方显示。此外，你现在可以连接到Azure容器注册中心。更多信息请见此博文。

Svelte错误修复

我们一直在改进通过专用插件提供的Svelte支持。我们重新设计了WebStorm在SvelteKit应用程序中评估$types的方式，并修复了svelte文件中TypeScript特定关键字的问题。

JavaScript和TypeScript

字符串到模板字面的自动转换

现在只要你输入${，WebStorm就会自动将你的单引号或双引号字符串转换成模板字面。这对原始字符串和JSX属性都有效。

更好地对自动导入的库进行优先排序

我们改进了 IDE 在从具有相同导出元素名称的不同库中添加自动导入时的行为。现在，自动导入是基于项目中现有的导入而添加的。如果你需要从另一个库中为一个元素添加导入，必须手动添加导入语句。WebStorm会像以前的版本一样提供一个弹出窗口。

TypeScript和JavaScript之间的对齐导入行为

我们已经调整了 TypeScript 和 JavaScript 的导入行为。在TypeScript中，你会在上下文动作中显示导入选项，就像你在JavaScript中一样。你可以通过按Alt+Enter来打开上下文动作。统一的设置在首选项/设置|编辑器|常规|自动导入下。

对TypeScript特性的支持

WebStorm包括对即将发布的TypeScript 5.0的主要功能的支持。它现在还提供了对多配置继承的完全支持，类型参数的const修改器，以及allowImportingTsExtensions标志。

处理文件引用的通用方法

在 v2023.1 中，我们改进了 WebStorm 处理 JavaScript、TypeScript、HTML、CSS 和各种框架中的引用的方式。引用现在在你的项目中以一种更通用的方式处理。例如，解决图像、CSS或HTML文件现在可以使用路径别名。

标记语言和CSS

Tailwind CSS配置

在这个版本中，我们增加了对配置选项的支持，比如在classAttributes选项下的自定义类名完成，或者像tailwindCSS.experimental.configFile这样的实验性选项。你可以在首选项/设置|语言与框架|样式表|Tailwind CSS中设置这些配置选项。

配置HTML代码完成的选项

WebStorm 2021.3引入了HTML代码补全功能，当你输入时，会显示标签名称或缩写。在HTML中输入纯文本时，这种行为可能会让人分心，所以我们增加了一个选项来禁用它。你可以在首选项/设置|编辑器|常规|代码完成中找到这个新选项。

Markdown 改进

你现在可以使用一个快速修复工具来纠正Markdown表格的格式。此外，还有一个新的填充段落的编辑器动作，可以很容易地将长的文本分割成同等宽度的几行。最后，我们在 "首选项"/"设置"/"编辑器"/"常规"/"智能键 "下引入了一个专门的Markdown设置选项页面。阅读这篇博文可以了解更多。

在PostCSS中选择行注释样式的选项

在首选项/设置 | 编辑器 | 代码样式 | 样式表 | CSS | PostCSS中有一个新的选项，允许你指定PostCSS文件中使用的行注释样式。你可以使用Ctrl+/注释行，它将使用你选择的行注释样式。

新的用户界面

改进后的新用户界面

去年，我们为 WebStorm 和其他 JetBrains IDE 推出了一个新的、更简约的 UI。我们根据你的反馈进一步完善了新的用户界面，并邀请你再次尝试。你可以在首选项/设置|外观和行为|新用户界面中这样做。继续阅读，了解本次发布的关键UI变化。

新的用户界面： 工具窗口的垂直分割

WebStorm 2023.1允许你分割工具窗口的区域，并安排它们，以便你可以同时看到两个。从侧边栏拖动工具窗口图标并将其放在分隔器下面。或者，你可以右键单击图标，使用移动到动作为工具窗口指定新的位置。

新的用户界面： 紧凑模式

为了方便在小屏幕上工作，我们引入了紧凑模式。它提供了一个更加统一的外观，有一个更精简的工具栏和工具窗口标题，按比例缩小的间隔和衬垫，以及更小的图标和按钮。要打开新的模式，请到主菜单中的视图|外观|紧凑模式。

新的用户界面： macOS上的项目标签

我们已经实现了新用户界面中最受欢迎的功能要求之一--macOS用户的项目标签。当你有几个项目打开时，你现在可以使用主工具栏下显示的项目标签在它们之间切换。

新的用户界面： 重新设计的运行小部件

为了回应我们收到的关于IDE新用户界面的反馈，我们重新设计了主窗口标题中的 "运行 "小部件，使其不那么碍事，更容易被人看到。

新的用户界面： 重新实现了流行的功能

我们在新的用户界面中增加了一些人们所缺少的流行功能。例如，"显示隐藏标签 "选择器和 "分支 "弹出窗口中的 "获取 "动作一起回来了。此外，我们还通过隐藏主要的工具栏元素和显示范围内的文件名，对无干扰和禅宗模式进行了改进。

用户体验

完整的 IDE 缩放

现在可以放大和缩小 WebStorm，一次增加或减少所有 UI 元素的大小。在主菜单中，选择 "视图|外观|切换缩放IDE"。你也可以按Ctrl+`，从那里通过缩放来调整IDE的缩放比例。

记住每个工具窗口设置的大小

我们引入了一个新的布局选项，允许你统一侧面工具窗口的宽度，或者在你定制布局时保留调整其尺寸的能力。新的记住每个工具窗口的尺寸的复选框在首选项/设置|外观和行为|外观|工具窗口中可用。

设置配置新项目的保存动作

WebStorm 2023.1增加了一个选项，可以预先定义新项目的 "保存时的动作 "行为。为此，请进入文件|新项目设置|首选项/新项目设置|工具|保存时的动作，并选择您希望在未来项目中保存更改时触发的动作。

ML-powered search for classes

为了给你提供更相关、更准确的搜索结果，我们继续努力将机器学习排名整合到 "搜索无处不在"（Double Shift）功能中。现在，"类 "选项卡中的排序算法也默认由机器学习驱动，与 "操作 "和 "文件 "选项卡中的结果一样。

恢复旧的复制-剪切-粘贴行为的选项

我们添加了一个选项来恢复复制-剪切-粘贴行为，使其恢复到WebStorm早期版本中的样子。这将允许你将剪贴板的内容粘贴在光标处，而不是粘贴在前一行。这个选项在首选项/设置|高级设置|编辑器中的粘贴没有选择的行时的下拉菜单中。

在智能模式下扫描文件到索引

我们通过在智能模式下执行扫描文件以编制索引......进程，改善了IDE的启动体验，这应该会减少启动时等待索引所造成的延迟。当打开一个项目时，WebStorm 将使用该项目在前一个会话中的现有缓存，并寻找任何需要索引的新文件。如果扫描没有发现任何变化，IDE就可以开始工作了。

建议改变微软卫士的设置

WebStorm 2023.1包括一个新的通知，当启用具有实时保护功能的Microsoft Defender时，该通知会被触发。WebStorm建议将某些文件夹添加到Defender的排除列表中，因为这些防病毒检查会大大降低IDE的速度。

版本控制

改进GitHub的代码审查工作流程

为了简化IDE内的代码审查过程，我们重新设计了拉动请求工具窗口。现在它为你打开的每个拉动请求提供了一个专门的标签。该选项卡会立即显示更改的文件列表，并有一个专门的按钮来根据拉动请求的当前状态执行最相关的操作。

创建新分支弹出窗口中的自动补全功能

在WebStorm 2023.1中，我们已经在创建新分支的弹出窗口中实现了自动完成。一旦你开始为你的新分支键入一个名字，IDE会根据现有的本地分支的名称建议相关的前缀。

改进后的分支弹出窗口

我们改进了分支弹出窗口的可用性。分支之间的导航现在更容易了，因为它们被分组并存储在可扩展的列表中。

结构视图中的VCS状态颜色提示

为了更方便地跟踪文件的变化，我们在结构工具窗口中增加了颜色提示。修改过的对象的名称现在变成了蓝色，而新添加的对象的名称则以绿色出现在工具窗口中。

后台提交检查

我们重新设计了 Git 和 Mercurial 提交检查的行为，以加快整个提交过程。现在检查是在你提交之后但在你推送之前在后台进行的。