JavaScript开发工具WebStorm v2024.1全新发布——增强全行代码补全功能

WebStorm是jetbrains公司旗下一款JavaScript 开发工具，被广大中国JS开发者誉为"Web前端开发神器""强大的HTML5编辑器""智能的JavaSscript IDE"等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

具体更新详情如下：

WebStorm v2024.1中新增了粘性行、快速文档改进、全行代码补全、默认启用的 Vue Language Server、适用于 Vue、Svelte 和 Astro 的组件用法，以及新的 Language Services（语言服务）微件。

关键亮点

粘性行

WebStorm 2024.1 包含粘性行，帮助您在不丢失上下文的情况下浏览大文件。 滚动时，此功能会将函数或类声明等关键结构元素固定到编辑器顶部，您可以在Settings | Editor | General | Appearance（设置 | 编辑器 | 常规 | 外观）中自定义功能。

快速文档改进

WebStorm 2024.1 中的快速文档弹出窗口具有改进的功能， 支持代码块的语法高亮显示，并集成到补全结果中。 它现在显示接口成员、枚举常量和类型别名主体，您可以使用Show more（展开）链接访问类型成员的完整列表，并使用分页控件在多个声明之间导航。

全行代码补全

新版本添加了一种新的代码补全类型：灰色调的单行建议，它可以根据当前文件的上下文补全行。这些建议由针对不同语言和框架训练的专属语言模型驱动，这些 LLM在本地运行，不会通过互联网发送任何代码。

默认启用的 Vue Language Server

现在所有 Vue 项目（包括基于 Nuxt 的项目）均默认启用 Vue Language Server。 它在 Vue 2 项目中存在一些已知限制。 如果您处理 Vue 2 项目 ，可以在Settings | Languages & Frameworks | TypeScript | Vue（设置 | 语言和框架 | TypeScript | Vue）中选择不使用服务器。

适用于Vue、Svelte 和 Astro的组件用法

WebStorm 现在为 Vue、Svelte 和 Astro 文件中的组件用法提供编辑器内提示，这将帮助您快速找到项目中任意位置特定组件的所有用法。

Language Services（语言服务）微件

您将在状态栏上找到新的Language Services（语言服务）微件，它可以提供对当前文件和项目的有效语言服务的洞察，您可以直接从此微件重新启动服务或导航至其设置。