上个月，我们推出了 WebStorm 2022.3，这是 2022 年的最后一次重大更新。 我们要感谢所有已经试用该版本并与我们分享想法的人！ 我们收到了大量反馈，在提及次数方面，新 UI 绝对领先。   我们仍在处理您的反馈，以了解哪些方面做得不错，哪些方面可以改进。 与此同时，我们想分享将于 2023 年 3 月底发布的下一个版本的计划。   技术特定的改进   Astro 支持。 我们将添加对 Astro 框架的支持 (WEB-52015)。 首先，我们要确保至少语法高亮显示和代码补全等基本功能运行良好。 如果有时间，我们将支持更多高级功能。 Prisma 支持。 尽管我们没有在之前的路线图中宣布关于 Prisma ORM 支持的计划，但我们确实努力在 2022.3 与 2023.1 版本之间添加相关支持。 目前，支持将通过单独的插件提供，但我们会考虑在明年将其捆绑。 有关详情，请参阅 WEB-50449。 针对 Vue 的进一步改进。 我们在 WebStorm 2022.3 中修正了 40 多个与 Vue 相关的问题。 我们还想在下一个版本中修正更多问题，以改进对 Vue 的支持。 我们计划为自定义组件事件提供补全 (WEB-52121) 并在模板表达式中支持类型转换语法 (WEB-55049)。 此外，我们还将使 WebStorm 在组件之间复制和粘贴模板代码时自动

欢迎来到我们 FOMO 摘要系列的第三部分，其中汇集了 WebStorm 和其他 JetBrains IDE 中最实用的有助于提升工作效率的提示。 今天，我们将介绍一些适用于处理 React 的最棒功能。 所有功能都在 JetBrains IDE 中开箱即用。 复制和粘贴时重新 React 化 HTML 我们从受到许多用户喜爱的超级实用小功能开始。 #WebStormTip – Pasting HTML into a React project will convert `class` into `className` 🤯 — alistair (@alistaiiiir) February 15, 2021 没错！ 每当您将 HTML 代码粘贴到 React 组件中时，IDE 都会自动进行转换，使其遵循正确的 React 约定。 在此示例中，class 被转换为 className。 IDE 还将转换事件处理程序，例如将 onclick 更改为 onClick。 有关详情，请参阅我们文档中的将 HTML 特性传输到 JSX部分。 提取 React 组件 您是否在想办法实现 React zen 和组件驱动型应用程序的承诺？ 创建组件型驱动应用程序的过程相当繁琐：需要移动 JSX、识别必要 props（可能带有类型）、调用新组件等。 把这项工作交给 IDE 吧！

IdeaVim 插件已经存在了一段时间，帮助开发者利用 Vim 的强大功能扩展 JetBrains IDE。JetBrains 内部有一个专属团队维护此插件，这为您提供了两项优势：以键盘为中心的编辑器和 IDE 的支持。   Vim 为文本中的跳转和修改带来了许多灵活性。移动操作使其成为最受开发者欢迎的文本编辑器之一。在 Vim 中编辑文本非常高效，无需鼠标即可快速导航。   在这篇博文中，我们将详细介绍 IdeaVim 插件、其主要功能以及上手方法。 安装 IdeaVim 插件 要安装 IdeaVim 插件，首先转到 Preferences / Settings | Plugins（偏好设置 / 设置 | 插件）并在 Marketplace 选项卡下搜索 IdeaVim。从这里可以安装插件。 然后，就可以在 IDE 中使用 Vim 了。 使用 IdeaVim 时的主要不同 如果您已经使用过 Vim，那么对 IdeaVim 的操作一定不会感到陌生。如果没有使用过，可以参考以下基础知识更快入门。   初次使用 Vim 如果您不熟悉 Vim，请做好准备！这里的工作流体验可能与您习惯的完全不同。Vim 极度以键盘为中心，Vim 键盘绑定需要一些时间才能适应。关于 Vim，您首先需要了解的是它有不同的模式：普通、插入、可视和命令。   普通模式：Esc 普通模式是 Vim 的独特之处。在

无论您对 Angular 有多熟悉，对它感觉如何，JetBrains IDE 都可以让您在这个框架上的体验更好。在今天的 FOMO 摘要中，我们将告诉您在 WebStorm、IntelliJ IDEA Ultimate、PhpStorm、Rider、PyCharm Professional、GoLand 和 RubyMine 等 JetBrains IDE 中可以找到的 Angular 功能。   以下是我们将介绍的内容： Angular 高级用户如何设置和使用 IDE 如何使键盘快捷键更有效 哪些 JetBrains IDE 功能将帮助您更快导航 如何提取 Angular 组件和重命名符号 如何节省日常工作的时间   以下使用的所有键组合均来自 macOS 和 Windows/Linux 的默认按键映射。如果没有分配默认快捷键，您可以自行分配。   向高级用户学习   想了解 Angular 高级用户设置 IDE 的方式以及使用的功能吗？观看这段视频，高级用户 Chau Tran 分享了他的最佳提示和技巧。 学习如何使用键盘   您可以找到 IDE 中几乎所有操作的键盘快捷键。前往 Preferences / Settings | Keymap（偏好设置 / 设置 | 按键映

听说过 FOMO –“错失恐惧”吗？WebStorm 和其他 JetBrains IDE 中的功能数不胜数，有些实用功能虽然能让开发者更轻松、更有效率地工作，却也很容易被忽略。   因此我们决定尝试一种新形式。在 FOMO 摘要这一新系列中，我们将收集 WebStorm 中可以提高工作效率的最实用功能。本博客系列也将帮助到在其他 JetBrains IDE 中使用 JavaScript 和相关技术的人。PhpStorm、IntelliJ IDEA Ultimate、PyCharm Professional、GoLand、Rider、RubyMine – 这些 IDE 都包含 WebStorm 功能，有些是开箱即用，有些是通过免费插件。   在我们的第一篇摘要中，我们将介绍 2021 年添加的一些可以提高工作效率的最实用功能。 Code With Me 2021 年，我们的最爱之一当然是 Code With Me（根据我们收到的积极反馈，它简直是人见人爱）。这是一项用于协作开发的新 JetBrains 服务。您可以使用它在 IDE 中与协作者共同编写代码和实时交流。它也支持视频通话！ 如果您还没有尝试，现在绝对是最佳时机。查看我们的文档，阅读 Code With Me 使用入门，以及查找一些常见问题的答案。   用于更新依赖项的新检

厌倦了没完没了的代码审查和调试时，您可能会开始思考，是否有方法可以自动执行繁琐的任务，而不会在以后的开发中产生适得其反的效果。 如果您或您的团队对此感兴趣，可以深入研究一下服务器端静态分析。 您将如何从在项目生命周期中添加另一个步骤中受益（特别是在智能 IDE 时代）？ 您可以将哪些任务委托给静态分析工具？ 请阅读这篇博文，找到这些问题的答案并了解更多内容！ 自动执行代码审查对外部贡献保持信心大幅缩短在项目规划上花费的时间在您的项目生命周期中使用 Qodana 进行静态分析 (more…)

本年度最后一个主要更新 WebStorm 2021.3 现已发布！这次更新具有大量备受期待的增强，包括对远程开发的支持、改进的 HTML 补全、重做的 Deno 集成等。  下载 WEBSTORM 2021.3 如果您想快速探索 WebStorm 2021.3 中的最新变化，可以观看此视频，JetBrains 开发技术推广工程师 Paul Everitt 在视频中介绍了最值得注意的变化。如果您想深入了解，请继续阅读！   新功能和改进分为以下几类： JavaScript 和 TypeScript：单仓库处理改进、JavaScript 文件的更快索引、下载远程 ES6 模块的快速修复、对 ES2022 私有类成员的支持等。 框架和技术：更轻松的项目依赖项管理、重做的 Deno 插件、对 Angular 13 的支持、更好的 HTML 补全等。 远程开发：用于远程开发的 JetBrains Gateway、Node.js 远程解释器更新以及对 SSH 连接的代理支持。 Docker：改进的连接过程、新的 Clean up（清理）操作、Minikube 集成、对 Compose V2 的支持等。 用户体验：Run（运行）工具窗口拆分、新的 Bookmarks（书签）工具窗口、基于机器学习的 Search Everywhere（随处搜索）操作搜索等。 版本控制：重

WebStorm 无需安装任何其他插件即可直接工作 – 所有核心功能均开箱即用。 但是，如果您希望自己的编码工具更加个性化或需要一些额外的功能，该怎么做？ 归功于我们社区中的优秀人才，我们提供了许多可以帮您解决这些需求的插件！ 本文中，我们将介绍为 JetBrains IDE 开发的一些最方便的插件。所有这些插件均与诸如 PhpStorm 和 IntelliJ IDEA Ultimate 等其他 JetBrains IDE 兼容，并且可以从 Preferences/Settings | Plugins 中安装。当然，该列表并未涵盖所有可用插件，因为我们的插件库中提供了数百款插件。如果这里没有提到您喜爱的插件，请在评论区中告诉我们。 主题插件 希望给默认 IDE 主题换点新花样吗？您可以选择多种自定义主题。最受欢迎的主题包括 Material Theme UI、One Dark、Gradianto 和 Dark Purple。如果现有主题无法满足您的需求，您还可以创建自己的主题。 安装后，可以在Preferences/Settings | Appearance & Behavior | Appearance下的Theme下拉菜单中选择该主题。 Key Promoter X 以键盘为中心虽然可以大大提高工作效率，但要适应所有新的快捷键组合从来都不是一件容易的事。 Key Pr

WebStorm 可以为您的常规操作节省大量时间。 基本上每一个操作都有一个快捷键。 要将所有快捷键都记下来几乎是不可能的，不过，您也不必为此劳心伤神！ 只需从下面的基本快捷键学起，便可让您的工作效率突飞猛进。 此处使用的所有键组合均来自 macOS 和 Windows/Linux 的默认键盘映射。 您可以在 Preferences / Settings | Keymap 中自定义键盘映射配置。 Search Everywhere: ⇧⇧ / Shift+Shift 如果说，您只打算从这篇文章中学会最重要的快捷键，那它就应该是 Search Everywhere。 顾名思义，它允许您在项目中的任何地方搜索任何文件、操作、类或符号，并将在一个位置显示所有匹配项。 点击您需要的选项卡或按 ⇥ / Tab 可缩小搜索范围。 您也可以直接从弹出窗口启用或禁用某些操作，如 gif 所示。 Show Context Actions: ⌥↵ / Alt+Enter WebStorm 包含大量意图操作，可帮助您快速应用修复、生成代码和更改项目设置。 每当您在代码中看到弯曲的行或 WebStorm 在编辑器中显示灯泡时，您都可以点击灯泡或将文本光标置于代码上，然后按 ⌥↵ / Alt+Enter，IDE 将为您提供在当前上下文中可用的操作列表。 如果您不想再使用某个操作或看到警告，