⑴WebStorm是一款专业的HTML编辑工具，使用该软件可以帮助用户更加方便快捷地开发各种web前端，支持使用html语言等程序员们熟知的开发语言。新版对JavaScript，TypeScript和CSS支持更好，改进了Vue.js的体验，并为Jest集成增加了新功能。
⑵我们更新了欢迎屏幕！ 您不仅可以从欢迎屏幕中打开和创建项目，还可以调整最常用的设置，如 IDE 主题和字体。
⑶、IDE 主题已与操作系统设置同步
⑷现在，您可以将 WebStorm 主题与 macOS 和 Windows 设置同步。 您只需转到 Preferences / Settings | Appearance & Behavior | Appearance | Theme，然后选择 Sync with OS 选项。 点击 Sync with OS 旁边的齿轮图标来选择您的首选主题。 我们也计划为 Linux 用户实现此功能。
⑸、改进了选项卡的使用
⑹在 v. 中，我们让您能够更方便地使用选项卡。 现在，您可以通过拖放选项卡或使用新的 Open in Right Split 操作来拆分编辑器。 此外，固定的选项卡现在以特殊图标标记，并显示在选项卡栏的开头，以便您更快地找到它们。
⑺WebStorm 具有一种新模式，可让您的库和只读文件可读性更强。 进入此模式可呈现注释、启用字体连字等等。
⑻我们已经实现了添加自定义文件模板的功能，这些模板可一次创建多个文件。 例如，当您需要添加 .js 文件和测试文件时，这会非常方便。
⑼、使用 WebStorm 打开文件
⑽现在，使用 WebStorm 在默认情况下打开特定文件类型非常简单。 转到 Preferences / Settings | Editor | File Types 并点击 Associate File Types with WebStorm 按钮。
⑾、支持 Tailwind CSS
⑿WebStorm 现在可以帮助您更高效地使用 Tailwind CSS！ 它将自动补全 Tailwind 类，在鼠标悬停时为您显示所生成 CSS 的预览，并支持您使用 tailwind.config.js 文件进行自定义。
⒀、根据用例创建 React 组件
⒁您的代码中有未解析的 React 组件吗？ 将脱字符号放到其中，按 Alt+Enter，然后从列表中选择 Create class / function ponent - WebStorm 将为您创建相关的代码结构。
⒂、Markdown 编辑和预览改进
⒃Mermaid.js 支持、重新格式化 .md 文件的功能以及与编辑器一起自动滚动预览窗格的功能 - 这些和其他变更将显著改善您在 WebStorm 中使用 Markdown 文件的体验。
⒄、对复杂 webpack 设置的基本支持
⒅我们已经开始添加对多个 webpack 配置的支持。 转到 Preferences / Settings | Languages & Frameworks | JavaScript | Webpack 选择手动或自动检测配置文件。
⒆、Vue.js 的增强
⒇我们已经修复了与 Vue 相关的诸多问题。 例如，WebStorm 现在支持脚本设置语法。 我们还使 IDE 在 Vue 项目中正确应用了 ESLint 代码样式规则，并改进了与 TypeScript 语言服务的集成。
⒈、全面支持 pnpm
⒉现在，WebStorm 全面支持 pnpm 程序包管理器以及 npm 和 yarn。 在过去的一年里，我们一直在逐步实现对 pnpm 支持的改进。 在 v. 中，我们已经完成了收尾工作。
⒊【JavaScript 和 TypeScript】
⒋、集成了 TypeScript 和 Problems 工具窗口
⒌我们已将 TypeScript 语言服务集成到 Problems 工具窗口中，并移除了 TypeScript 工具窗口。 进行此变更后，用户可以更轻松地在一个位置检查代码中的问题。 我们还将先前在 TypeScript 工具窗口中可用的操作移动到状态栏上的专用微件中。
⒍、使用 CSS 和 HTML 更好地格式化模板文字
⒎从 v. 开始，WebStorm 将正确支持包含 JavaScript 的多行 CSS 和 HTML 块的代码格式化。 当您添加这些更复杂的模板文字或重新格式化代码时，IDE 将正确缩进。
⒏、改进了调试体验
⒐调试时使用交互式提示和内联监视！ 现在，您可以点击提示以查看属于变量的所有字段。 此外，您还可以直接从提示更改变量值并添加监视表达式。
⒑、支持我们的协作开发工具
⒒WebStorm . 支持 Code With Me （EAP，这是一款用于协作开发和结对编程的新工具。 利用此工具，您可以与他人共享项目，这样便可实时协同处理。 要试用 Code With Me，请从 Preferences / Settings | Plugins 安装相应的插件。
⒓、关于 WebStorm 基础知识的内置培训课程
⒔为了帮助您熟悉 WebStorm 的关键功能，我们开发了一门交互式培训课程。 这门课程可以帮助您学习完成一些常见任务，例如重构代码或在项目中导航。 您可以在 Wele 屏幕上的 Learn WebStorm 选项卡下，也可以从主菜单中转到 Help | IDE Features Trainer 来找到此课程。
⒕、HTTP 客户端的 cURL 转换
⒖现在，您可以通过在 HTTP 请求编辑器中按 Alt+Enter 并选择 Convert to cURL and copy to clipboard 选项，将 HTTP 请求导出到 cURL。
⒗、更好的拼写和语法检查
⒘现在，您可以更快地解决语法和拼写问题 - 将鼠标悬停在问题上，随后会出现一个包含说明和建议修复方法的弹出窗口。 我们还添加了对更多语言的支持，并改进了语法检查的质量。
⒙、支持 Git 暂存区域
⒚现在，您可以直接从 WebStorm 暂存文件！ 为此，请转到 Preferences / Settings | Version Control | Git，然后选择 Enable staging area 选项。 您可以从 mit 工具窗口，从间距以及使用 Show Diff 功能暂存变更。
⒛、重新排列了 VCS 菜单
①现在，主菜单下的 VCS 组根据您正在使用的版本控制系统命名。 我们还重新排列了主菜单中 Git 下的项目，以便您更轻松地访问最常用的操作。
②、改进了分支的使用
③现在，WebStorm 会自动更正新分支名称中未被接受的符号 此外，它还会显示当前可用于所选分支的所有操作，就像对待其他分支一样。
④目前官方已经自带中文，默认情况下中文是不开启的，根据 官方的说明，所有的 in 包都是以插件的形式集成到软件中的。需要你自己去集成汉化插件。关于集成汉化插件的步骤是打开 Settings -》 Plugins ，在界面框中输入“Chinese”回车搜索，可见会出现一个中文插件，点击“Install”安装插件，然后重启即可！
⑤再次打开软件，jetbrains webstorm 汉化成功安装。