WebStorm2023是一款专业的HTML编辑工具，在html5和JavaScript 方面也很出色。可以说是“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”。新版对JavaScript，TypeScript和CSS支持更好，改进了Vue.js的体验，并为Jest集成增加了新功能。

JetBrains 打造的前端开发工具 WebStorm 发布了 2023。最新针对 JavaScript 和 TypeScript 的错误格式设置改进、CSS 嵌套支持、Vue 语言服务器 (Volar) 支持、稳定的新 UI、GitLab 集成、针对插件开发者的 LSP 支持，以及针对 Svelte、Preact 和 SolidJS 的改进。

WebStorm 汉化包下载地址

为 JavaScript 和 TypeScript 提供更好的智能感知、改进对 Angular 框架的支持、更新了 CSS 和 HTML 文档，以及更强大的调试控制台等。

通过使用名为"destructuring"的功能，我们可以使用非常简洁的语法将数组和对象中的值解提取到变量中。WebStorm 新的重构和意图功能（Alt-Enter）可以帮助我们轻松地将 destructuring 引入 JavaScript 或 TypeScript 代码。

对于 Angular 应用程序，WebStorm 新增了 17 项新检查，可帮助我们在编码时检测应用程序中与 Angular 相关的特定错误，并提供快速修复的建议。这些检查在 TypeScript 和模板文件中都会生效，并会检查绑定、指令、组件和许多其他内容的使用。

ps：小编带来了专为激活webstorm软件而生成的产品序列号，再配合软件包中的破解文件，以及中文语言包一起使用，可以将软件完美汉化激活，具体参考本文教程！各大激活方法已陆续被封杀，请支持正版！

ps：目前之前的补丁已经全部失效，建议使用全新补丁或则无限重置试用插件：

ide-eval-resetter 2.1.13下载及方法、BetterIntelliJ通用补丁(存在安全漏洞)

(应官方要求暂不提供，请支持正版)

1、下载解压，得到jetbrains webstorm 2020主程序

2、运行“WebStorm-2020.3.exe”开始安装，默认安装目录【C:\Program Files\JetBrains\WebStorm 2020.3】

3、勾选创建webstorm桌面快捷方式，包括32位和64位，以及自行选择关联文件格式，建议全选；

4、点击install，等待软件安装完成，但不要运行软件，以免影响后面的操作；

5、解压激活工具，其中scripts中是脚本文件，直接双击执行install-current-user.vbs脚本文件，（这里说明：该操作会在电脑环境变量，用户变量下添加所有JB家族IDE的参数配置信息），如果安装有360安全软件会提示权限不足或者提示有风险，可以退出安全软件或者同意即可。

点击“Ok”确定，执行过程中，需要大概10-30秒时间（也可能需要几分钟，时间不固定）。看到提示“Done”时，继续下面的步骤。

6、打开IDE，选择Activation Code，添加专属永久激活码即可，会显示激活到2025，不用在意这个时间。

最新关于汉化说明：

目前官方已经自带中文，默认情况下中文是不开启的，根据 官方的说明，所有的 i18n 包都是以插件的形式集成到软件中的。需要你自己去集成汉化插件。关于集成汉化插件的步骤是打开 Settings -> Plugins ，在界面框中输入“Chinese”回车搜索，可见会出现一个中文插件，点击“Install”安装插件，然后重启即可！

再次打开软件，jetbrains webstorm 汉化成功安装。

针对 JavaScript 和 TypeScript 改进了错误格式设置我们在 WebStorm 2023.2 中关注如何改进呈现 JavaScript 和 TypeScript 中类型错误的方式。 现在，您的错误和警告将以可读性更高的方式格式化，使代码中的问题更易发现。 这适用于所有 TypeScript 和一些最常见的 JavaScript 错误。 另外，它还可以处理本地化后的错误！

快速修复和实时模板自动导入应用意图或快速修复导致文件中没有导出未解析的元素时，WebStorm 现在能够自动为该元素的文件添加明确导入。 设置中的每个实时模板下都有一个选项（Settings | Editor | Live Templates（设置 | 编辑器 | 实时模板），可以自动为使用时未解析的元素添加明确导入。

CSS 嵌套支持WebStorm 2023.2 现在支持 CSS 嵌套模块功能。 我们实现了语法支持和检查，用于确保嵌套选择器不以标识符或函数符号开头。

将颜色转换为 lch 和 oklch我们扩展了对 CSS 颜色修改的支持，包括 lch 和 oklch 的转换。 WebStorm 2023.2 包含多项颜色转换操作，您可以通过 Alt+Enter 在 rgb、hsl、lch、oklch 和其他颜色函数之间快速切换。

Vue 语言服务器支持我们为 Vue 用户带来了一些好消息！ Vue 语言服务器 (Volar) 支持现已登陆 WebStorm，在快速导航和文档弹出窗口中提供更准确的错误检测和更好的类型信息。 VLS 默认将用于 TypeScript v5.0 及更高版本，TypeScript 服务的包装器将用于更低版本的 TypeScript。 在 Settings | Languages & Frameworks | TypeScript | Vue（设置 | 语言和框架 | TypeScript | Vue）下，您可以将 Vue 服务设置为在所有 TypeScript 版本上使用 VLS 集成。

Vue 增强功能WebStorm 2023.2 还包含针对 Vue 支持的其他多项改进。 首先，我们添加了对 defineModel 宏的支持，简化了双向绑定的工作。 该宏会自动注册 prop，并返回可以直接变异的 ref。 我们还添加了对 provide/inject 机制的支持和 inject 字段的补全，以及解析注入属性和更正类型信息的功能。

Next.js 中对 App Router 的更好支持Next.js 13.1 现在包含用于新应用目录的 TypeScript Language Service 插件。 新插件会提出配置页面和布局建议、提供服务器和客户端组件提示，并附带自定义文档。 此文档现在可以在 WebStorm 中查看。 我们还修正了应用目录中误报的未使用警告。

适用于 React 挂钩的新实时模板我们为 React 挂钩添加了一组新的代码段，即 WebStorm 中的实时模板。 您可以在 Settings | Editor | Live Templates > React hooks（设置 | 编辑器 | 实时模板 > React 挂钩）下找到新的实时模板。 在编辑器中输入与实时模板关联的缩写，然后按 Tab 将其展开即可使用。

Svelte 改进我们集成了 Svelte 语言服务器。 这会将 svelte-check 报告的所有错误直接发送到您的 IDE，包括标记内的 null 检查、prop 类型检查，以及 SvelteKit 的轻松类型安全。 我们还支持路径别名在捆绑程序的配置文件中而不是在 tsconfig.json 中定义的情况。 WebStorm 将为 Svelte、Vue 和 Astro 解析具有此类路径别名的导入。

Run（运行）工具窗口中 Jest 测试的监视模式WebStorm 2023.2 在 Run（运行）工具窗口中包含用于 Jest 测试的 Watch for Changes（监视更改）按钮，您可以使用此按钮启用监视模式。 您将无需在运行配置中手动设置 --watch/--watchAll Jest 选项。

改进了对 SolidJS 和 Preact 的支持对于 SolidJS，我们为 createSignal 函数的 getter 和 setter 引入了重命名重构。 我们还通过 Preact 和 SolidJS 改进了 Emmet 支持，WebStorm 现在使用来自 JSX.IntrinsicElements 的类型信息提供 Emmet 的正确展开。 最后，WebStorm 将不再显示类特性的虚假错误，并将为 JSX 类型信息提供正确的导航。

新 UI 脱离测试版去年，我们为 WebStorm 和其他 JetBrains IDE 引入了更简约的新 UI。 我们已经根据您的反馈进一步完善了新 UI，现在准备将其带出测试版阶段。 您可以使用 IDE 右上角的 IDE and Project Settings（IDE 和项目设置）齿轮启用新 UI。

GitLab 集成我们在 WebStorm 2023.2 中引入了与 GitLab 的初步集成。 此集成允许您直接从 IDE 使用 Merge Request（合并请求）功能简化开发工作流。

Search Everywhere（随处搜索）中的文本搜索Search Everywhere（随处搜索）（按两次 Shift）现在包含类似于 Find in Files（在文件中查找）的文本搜索功能。 通过此增强功能，当给定查询的其他搜索结果很少或没有时，将显示文本搜索结果。 此功能默认启用，可以在 Settings | Advanced Settings > Search Everywhere（设置 | 高级设置 > 随处搜索）中管理。

针对插件开发者的 LSP 支持我们为想要使用特定 LSP 服务器为 JetBrains IDE 中尚未原生支持的技术添加编码辅助的插件开发者引入了 LSP API。......