前端开发神器WebStorm 2022.1正式发布

前端开发神器WebStorm 2022.1正式发布

WebStorm 2022.1拥有更好的 Next.js 支持、Volta 集成、对 Docker 的改进、对 webpack 配置的 ESM 支持、从 Markdown 文件运行命令的能力等等。

WebStorm官方最新版免费下载试用，历史版本下载，在线文档和帮助文件下载-慧都网

框架和技术

更好的 Next.js 支持

由于 WebStorm 内置的 React 支持，所有关键功能应该已经在Next.js 项目中运行。WebStorm 2022.1 增加了 对一些特定于框架的东西的支持，例如页面。IDE 将解析组件href属性 Link以及 inform和其他标记中使用的路径。代码完成、导航和重构也将起作用。

支持 Volta

在此版本中，我们添加了与 JavaScript 工具管理器Volta的适当集成，WebStorm 将自动识别使用 Volta 安装的 Yarn 和 npm 。

修复 Vue

WebStorm最新版本 2022.1对 Vue 3 进行了多项改进。如果您全局定义组件，IDE 现在将在您的 .vue文件中识别它们。WebStorm 应该支持createApp 语法。它将正确匹配使用 createApp其相关元素创建的应用程序。还添加了对 Nuxt 3 的支持。

Docker 的改进

服务工具窗口中重新设计了 Docker UI 。已经对容器、图像、网络和卷实施了改造。我添加了对 Docker Registry HTTP API V2的支持， 以便与 Docker 1.6+ 一起使用。可以创建简单的或受密码保护的 Docker V2 注册表并执行查看、推送和拉取图像等操作。

核心包支持

WebStorm 现在支持 Corepack，这是一个实验性的 Node.js 工具，让您无需安装即可使用 Yarn 和 pnpm。

ESM 对 webpack 配置的支持

从 v2022.1 开始，webpack 编码辅助将与文件中的 ES 模块一起使用 webpack.config.js。

编辑

从 Markdown 文件运行命令

自述文件通常描述运行应用程序所需的步骤，并列出一堆要使用的命令。WebStorm 2022.1 将允许您 直接从 README 文件中运行这些命令——只需单击命令左侧的 运行图标即可。

更新了 Markdown 编辑器浮动工具栏

为了更容易格式化.md文件，重新设计了文本选择时出现的浮动工具栏。除了新设计之外，工具栏现在还提供列表创建功能和允许您选择标题样式的下拉菜单。

复制 Markdown 的代码片段

在 Markdown 块添加了一个新的复制代码片段操作，可以快速将其内容复制到剪贴板。

命令行格式化程序中的试运行模式支持

命令行格式化程序 现在 支持试运行模式来验证项目文件。如果文件需要格式化，它将以非零状态退出。

LightEdit模式下 的代码重新格式化

现在可以在 LightEdit模式下重新格式化代码。为此，请转到代码 | 在主菜单中 重新格式化代码或按。 Ctrl+Alt+L

JavaScript 和打字稿

改进的结构视图

使用 结构视图，您可以检查文件并更快地跳转到它们的特定部分。在此版本中，我们简化了检查 JavaScript 和 TypeScript 文件的过程。文件中的符号现在以 更合乎逻辑的顺序呈现。此外，WebStorm 现在将 在导出符号旁边显示导出图标，以使它们更易于区分。

加入线行动 涵盖的新案例

WebStorm 允许使用 连接代码行或代码块 Ctrl+Shift+J，此操作现在 适用于嵌套if语句。当带有单行块的类似语句 使用Join Lines操作时 ， WebStorm 还将删除多余的大括号。ifwhilefor-of

枚举的可配置突出显示颜色

引入了新的Enum和Enum 成员语法高亮 选项。可以在 首选项/设置 |中找到它们。编辑 | 配色方案 | 打字稿。它们的默认值继承自Enum的 Class和Enum 成员的 Static 成员变量。

用户体验

新的通知工具窗口

我们用新的 通知工具窗口替换了 WebStorm 的事件日志。我们希望它可以帮助您 更好地了解来自 IDE 的通知，这样您就不会错过任何重要的信息。

调试器的 UI 改进

为了最大化调试器工具窗口中的可用空间，我们 默认隐藏了选项卡标签。要使它们再次可见或自定义它们的位置，请使用Layout Settings下的Show Tab Labels选项 。

更新了结构搜索和替换对话框

“ 结构搜索和替换”对话框 现在包含所有模板的列表，以便更轻松地 在它们之间导航。我们还在对话框的右上角添加了一个Pin Dialog图标，并将Injected code和Match case复选框移至Search 模板窗格 的底部。

可访问性改进

为了便于在“日志”选项卡中导航，屏幕阅读器现在可以读取分支树的名称和描述。此外， macOS 上的辅助功能支持也得到了改进。我们修复了在外接显示器上工作时 VoiceOver 光标位置不正确的问题。VoiceOver 现在还可以读取组合框列表。

能够平均分割编辑器

对于那些喜欢通过 拆分编辑器来重新组织工作区的人，我们进行了一些改进。您现在 可以将拆分选项卡配置为具有相同的宽度。为此，请转到 首选项/设置 | 高级设置并选择新的 Equalize ratios in nested splits选项。

版本控制

使用 Git Blame 更新注释

改进了使用 Git Blame进行注释的功能，使调查引入的更改更容易。当将鼠标悬停在注释上时，IDE 会在编辑器中突出显示行中的差异，并 在您单击它时 打开Git工具窗口下的日志选项卡。

更新了Git工具窗口 中的提交详细信息窗格

提交详细信息窗格现在包含 有关 GPG 签名和构建状态 的信息。以前，此数据仅在Git日志 中显示为一列。

拉取请求评论中的建议更改

现在可以更轻松地使用 WebStorm 中的建议更改。添加了直接在 IDE 中 本地应用或提交更改的功能。

WebStorm下载V2022.1试用版可到慧都网免费下载。

WebStorm官方最新版免费下载试用，历史版本下载，在线文档和帮助文件下载-慧都网

WebStorm是一个针对JavaScript和相关技术的集成开发环境。像其他JetBrains IDE一样，它使你的开发体验更加愉快，使日常工作自动化，并帮助你轻松处理复杂的任务。