WebStorm电脑版

还在寻找好用的JS开发工具吗？为什么不来考虑一下这款WebStorm官方版呢？由JetBrains公司所制作，专为JavaScript所制造的前端开发软件，也被界内人士成为Web前端的开发神器，也使得很多HbuilderX的用户纷纷转移至该软件当中。

作为强大的HTML5编辑器而言，WebStorm官方版不仅吸收了各种前端开发环境的功能和优势，更推出的全新的代码自动补全、代码导航、代码重构、代码格式化等等，帮助更多的前端开发者们提高编程效率，现在还支持创新的三大框架项目，让开发者的环境搭配能够更加全面。

软件特色

1、专门针对 JavaScript 打造

是否在为 JavaScript 开发中最棘手的部分寻找值得信赖的工具？10 多年来，我们一直在优化，使编码体验更加有趣。无论您是使用 JS、TS、React、Vue、Angular、Node.js、HTML 还是各种样式表，WebStorm 都能满足您的需求。

2、最智能的编辑器

深刻理解您的项目结构，并且可以在编写代码的各个方面为您提供帮助。 它将自动补全代码、检测错误和冗余并提供修复建议，以及帮助您安全地重构代码。

3、内建开发者工具

在 IDE 中工作的好处之一是在一个地方获得所有必要工具。使用调试和测试您的客户端和 Node.js 应用，并利用版本控制。充分使用 linter、构建工具、终端和 HTTP 客户端，这些均已经与 IDE 集成。

4、快速导航和搜索

无论您的项目有多大，都可以更快地浏览代码。查找文件、类或符号，并在一个地方查看所有匹配条目。只需点击几次，即可跳到任何函数、方法、变量、组件或类的定义，并找到其用法。

5、高效的团队合作

由于所有关键功能均预打包，您可以更快速地对新团队成员进行入职培训。实时合作编码，并直接在 IDE 中与他人交流。共享您的项目配置，包括代码样式设置，并高效使用 Git 和 GitHub。

WebStorm中文设置方法

1、进入软件之后选择下方设置，然后在搜索栏输入Chinese，点击安装；

2、下载完成后，点击重启软件；

3、最后在进入软件就可以看到页面已经变成中文啦。

版本新功能

一、框架和技术

1、增强的文件系统路由支持

WebStorm2024.2能够为使用基于文件系统的路由的框架解析路径。它可以根据项目的文件系统解析链接路径，为Next.js、Nuxt、SvelteKit和Astro提供自动补全和导航。这将确保您的开发环境匹配这些框架采用的路由场景。

2、对Bun的初始调试支持

我们通过调试适配器协议(DAP)添加了对BunJavaScript运行时的调试支持。您可以在WebStorm内设置断点、逐步执行代码、检查变量以及对表达式求值。此支持目前仅限于macOS和Linux。

3、Prettier集成默认启用

在WebStorm2024.2中，Prettier集成会在新项目中启用，它们的根package.json中具有直接prettier依赖项，并且在同一级别具有Prettier配置文件。这项功能简化了设置流程并确保Prettier集成开箱即启用。

4、补全弹出窗口中的TailwindCSS预览

我们在WebStorm2024.2中增强了TailwindCSS类预览。此前，预览仅在二级文档弹出窗口中显示。WebStorm现在直接在补全结果列表中显示TailwindCSS类预览。

5、对Svelte5代码段的支持

WebStorm2024.2包括对新Svelte代码段和渲染标记的支持。这些代码段将在组件内创建可重用标记区块。

6、AstroLSP

我们启用了Astro语言服务器协议(LSP)支持，这将提升代码补全和整体开发者体验。这项增强可以确保在处理Astro项目时实现更准确、更高效的开发，并在IDE内提供更好的集成和支持。

7、增强的Vue支持

WebStorm2024.2引入了VueLanguageServicev2支持。此更新增强了对Vue3的支持，改进了自动补全、错误检查和类型推断。享受由最新版本的Vue语言工具和内置WebStorm支持带来的更流畅开发体验。

二、JavaScript和TypeScript

1、直接运行TypeScript文件

现在，运行和调试TypeScript文件无需任何额外设置。您可以从不同的入口点执行TypeScript文件，包括文件上下文菜单、Run（运行）微件，甚至CurrentFile（当前文件）配置。

2、适用于JavaScript和TypeScript的项目生成器

WebStorm2024.2增强了NewProjectWizard（新建项目向导），添加了创建基本JavaScript和TypeScript项目的选项。Generateaplaygroundprojectwithonboardingtips（生成带有入门提示的演练场项目）选项包含提示注释，可以帮助您熟悉IDE。

3、TypeScript5.5支持

WebStorm2024.2添加了对TypeScript5.5中configDir模板变量的支持。这项增强改进了TypeScript项目的灵活性和可配置性。

4、TypeScript文件中重做的嵌入提示

我们重做了TypeScript中的嵌入提示，与TypeScript服务提供的信息更加一致。

三、用户体验

1、Markdown文件中的数学语法支持

WebStorm现在可以在Markdown文件中渲染数学表达式。您可以使用$插入内联数学表达式，使用$$插入包含数学内容的代码块。

2、AIAssistant改进

JetBrainsAIAssistant2024.2引入了增强的代码补全，提供更准确、更快速的建议。AI聊天现在支持GPT-4o、聊天引用和语义搜索，带来更好的上下文理解。

3、SearchEverywhere（随处搜索）中的预览选项

SearchEverywhere（随处搜索）对话框现在增加了一个选项，用于预览您正在搜索的代码库元素。您可以通过对话框工具栏上的图标启用预览。

4、捆绑的本地化插件

WebStorm发行版现已捆绑中文、韩语和日语语言包。如果您想更改IDE的UI语言，您不必安装本地化插件。转到Settings|Appearance&Behavior|SystemSettings|LanguageandRegion（设置|外观与行为|系统设置|语言和地区），然后选择您的首选语言。

5、新UI成为所有用户的默认选项

新UI最初在WebStorm2022.3中引入。经过我们的不断改进，现在，新UI将成为所有WebStorm用户的默认设置。

6、JetBrainsRuntime21

WebStorm配备了JetBrainsRuntime21，后者提供了增强的安全性和性能，以及对Linux的Wayland渲染支持。