前端开发工具WebStorm 2022.1正式发布——更好的 Next.js 支持

前端开发工具WebStorm 2022.1正式发布——更好的 Next.js 支持

"https://www.evget.com/product/2997">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是一个针对JavaScript和相关技术的集成开发环境。像其他JetBrains IDE一样，它使你的开发体验更加愉快，使日常工作自动化，并帮助你轻松处理复杂的任务。