时间：2023-05-06 12:54:57 点击次数：7
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
WebStorm 2022新增功能：
地址：简易工作室 (32rua.top)
对 Angular 独立组件的支持
我们一直在积极推进 WebStorm 中对 Angular 14 的支持。 此版本最重要的新特性是对 Angular 独立组件的支持。 WebStorm 现在可以正确识别标记为 standalone: true 的组件、指令和管道。
TypeScript 4.7 支持
WebStorm 2022.2 与 TypeScript 4.7 捆绑，支持在 Node.js 中使用 moduleSuffixes 和 ESM 等新语言功能。 如果 module 在 tsconfig.json 文件中被设为 node16 或 nodenext，它会自动将 .js 扩展名插入 import 语句。 此外，WebStorm 还支持 package.json 文件中的 typesVersions 字段。
解绑插件
以下技术由于未得到积极使用，我们已解除捆绑对它们的支持：Cordova 和 PhoneGap、Meteor、Spy-js 和 XPathView 和 XSLT。 对这些技术的支持仍将通过独立插件提供。 您可以通过 Preferences / Settings | Plugins（偏好设置 / 设置 | 插件）安装。
内置远程开发工作流
对远程开发工作流的支持现在以 Beta 版形式开箱即用。 您可以连接到正在运行 IDE 后端的远程机器，并像在本地机器上一样处理其中的项目。 要开始使用，转到 WebStorm 的 Welcome（欢迎）屏幕上的 Remote Development（远程开发）选项卡。
针对 Docker 的改进
此版本对使用 Docker 做出了许多改进。 现在，重新启动 IDE 后，WebStorm 会自动连接到 Docker。 此外，新增的还有 Copy Docker Image（复制 Docker 镜像）操作以及与 Colima 和 Rancher 的集成。
针对 HTTP 客户端的新功能
WebStorm 2022.2 包括对 WebSocket 连接的支持。 我们还添加了对 GraphQL 请求的支持，您可以通过 HTTP 和 WebSocket 协议发送 GraphQL 查询。 此外，现在您可以在运行之前从间距图标选择运行环境
捆绑了 JetBrains Space 集成
WebStorm 现已具有对 JetBrains Space 的内置集成，Space 是适用于软件团队的一体化解决方案。 您可以在 Space 中将 IDE 关联到自己的组织，查看和克隆项目仓库，编写使用 Space API 的复杂脚本，以及检查团队成员的代码。
1、新的接待屏幕
我们更新了接待屏幕! 您不但可以从接待屏幕中翻开和建立项目，还可以调剂最经常使用的设置，如 IDE 主题和字体。
2、IDE 主题已与操作系统设置同步
此刻，您可以将 WebStorm 主题与 macOS 和 Windows 设置同步。 您只需转到 Preferences / Settings | Appearance Behavior | Appearance | Theme，然后选择 Sync with OS 选项。 点击 Sync with OS 旁边的齿轮图标来选择您的首选主题。 我们也打算为 Linux 用户完成此性能。
3、改良了选项卡的运用
在 v2020.3 中，我们让您可以更便利地运用选项卡。 此刻，您可以经由拖放选项卡或运用新的 Open in Right Split 操作来拆分编纂器。 另外，牢固的选项卡此刻以特别图标记录，并展示在选项卡栏的开首，以便您更快地找到它们。
4、浏览器形式
WebStorm 具有一种新形式，可以让您的库和只读文件可读性更强。 进入此形式可显现正文、启用字体连字等等。
5、多文件模板
我们已完成了加入自行设置文件模板的性能，这些模板可一次建立多个文件。 例如，当您需求加入 .js 文件和测试文件时，这会很是便利。
6、运用 WebStorm 翻开文件
此刻，运用 WebStorm 在默许环境下翻开特定文件类型很是易懂。 转到 Preferences / Settings | Editor | File Types 并点击 Associate File Types with WebStorm 操控键位。
【框架与功能】
1、拥有 Tailwind CSS
WebStorm 此刻可以帮忙您更高效地运用 Tailwind CSS! 它将主动补全 Tailwind 类，在鼠标悬停时为您展示所转换 CSS 的预览，并拥有您运用 tailwind.config.js 文件开启自行设置。
2、按照用例建立 React 组件
您的代码中有未解析的 React 组件吗? 将脱字符号放到此中，按 Alt+Enter，然后从列表当选择 Create class / function component - WebStorm 将为您建立相干的代码布局。
3、Markdown 编纂和预览改良
Mermaid.js 拥有、从头格局化 .md 文件的性能和与编纂器一路主动转动预览窗格的性能 - 这些和其他变动将明显改良您在 WebStorm 中运用 Markdown 文件的体验。
4、对繁琐 webpack 设置的根基拥有
我们已起头加入对多个 webpack 设置的拥有。 转到 Preferences / Settings | Languages Frameworks | JavaScript | Webpack 选择手动或主动检测设置文件。
5、Vue.js 的加强
我们已修复了与 Vue 3 相干的诸多问题。 例如，WebStorm 此刻拥有剧本设置语法。 我们还使 IDE 在 Vue 项目中准确运用了 ESLint 代码模板法则，并改良了与 TypeScript 说话服务的集成。
6、周全拥有 pnpm
此刻，WebStorm 周全拥有 pnpm 顺序保证理器和 npm 和 yarn。 在曩昔的一年里，我们一向在慢慢完成对 pnpm 拥有的改良。 在 v2020.3 中，我们已完成了扫尾任务。
【JavaScript 和 TypeScript】
1、集成了 TypeScript 和 Problems 东西窗口
我们已将 TypeScript 说话服务集成到 Problems 东西窗口中，并移除 TypeScript 东西窗口。 开启此变动后，用户可以更轻松地在一个定位检阅代码中的问题。 我们还将先前在 TypeScript 东西窗口中可用的操作挪动到状况栏上的特定微件中。
2、运用 CSS 和 HTML 更好地格局化模板文字
从 v2020.3 起头，WebStorm 将准确拥有包括 JavaScript 的多行 CSS 和 HTML 块的代码格局化。 当您加入这些更繁琐的模板文字或从头格局化代码时，IDE 将准确缩进。
3、改良了调试体验
调试时运用交互式提醒和内联监督! 此刻，您可以点击提醒以检查属于变量的一切字段。 另外，您还可以直接从提醒更改动量值并加入监督表达式。
