JetBrains Webstorm 2022官方版

JetBrains Webstorm 2022官方版是JetBrains旗下的JavaScript开发者工具，拥有先进而智能的集成开发环境(IDE)，主要用于Web、JavaScript和打字脚本开发，堪称最强大的HTML5编辑器、最智能的JavaScript IDE调试器等，同时还支持智能编辑器、强大的导航、实时错误检测、智能代码完成建议、语法突出显示、重复代码检测器、扩展代码格式化、自动重构、代码验证、代码重构、调试以及对JavaScript、CSS、HTML等，可以说能够非常有效的提高工作的效率。喜欢的朋友快来下载吧。

JetBrains Webstorm 2022官方版特色

1、代码导航和用法搜索：

函数、变量或标签的导航都可用一个热键使用。

2、JavaScript单元测试：

如果你是一个JavaScript的开发者，你应该知道对于你的程序来说，代码的质量和正确性是非常重要的。那么，一致性测试和回归性测试这种功能会使你轻松很多。

3、代码检测和快速修复：

为保证更优的代码质量，WebStorm能快速地捕捉到JavaScript中的常见错误并提供快速的修复方案。

4、批量代码分析：

无需通过点击所有文件或部署到服务器。整个源代码树的启动代码分析，可以在一个单一的视图中看到所有的结果。

5、支持HTML5：

用创建一个新的HTML文档，以便于在代码中使用HTML5。假如我们想要使用一个canvas标签。不但要当键 入”。

JetBrains Webstorm 2022官方版功能

调试

WebStorm 为您的客户端代码（适用于Chrome）和Node.js应用程序提供了一个内置的调试器。放置断点，浏览代码并评估表达式 - 所有这些都不会离开IDE。

测试

WebStorm与Karma测试运行器，Mocha，Jest和量角器集成，轻松进行测试。在IDE内部运行和调试测试，以良好的可视格式查看结果，并导航到测试代码。

追踪和分析

WebStorm具有spy-js功能，这是一款内置工具，可帮助您追踪JavaScript代码。探索文件如何与函数调用进行连接，并有效识别任何可能的瓶颈。

构建工具

享受一个简单的统一用户界面，用于直接从IDE 运行Grunt，Gulp或 npm任务。所有任务都列在特殊的工具窗口中，所以只需双击任务名称即可启动它。

代码质量工具

除了数百WebStorm自己检查的，它可以运行ESLint， JSCS，TSLint，Stylelint， JSHint或JSLint的对你的代码，并突出显示在飞行的任何问题，就在编辑器中。

项目模板

使用受欢迎的项目模板（如Express 或Web入门套件）从欢迎屏幕启动新项目，并通过与Yeoman集成获得更多项目生成器。

VCS

WebStorm提供了一个统一的界面，可以与许多流行的版本控制系统一起工作，确保在git，GitHub，SVN，Mercurial和Perforce之间提供一致的用户体验。

本地历史

无论您是否使用VCS，本地历史记录都可以成为真正的代码保护程序。在任何时候您都可以查看特定文件或目录的历史记录，并回滚到之前的任何版本。

定制

WebStorm是非常可定制的。将其调整为完全适合您的编码风格，从快捷键，字体和视觉主题到工具窗口和编辑器布局。

JetBrains Webstorm 2022官方版新功能

一、JavaScript和TypeScript

1、私有类成员的重构支持

我们在 2018 年增加了对私有字段的支持。 然而，这种支持是以 TC39 的旧提案为基础，现已偏离标准。 为了符合标准，我们从头开始重新设计了既有支持。正确支持 ES2022 私有类成员。

2、对 import 语句中 URL 的支持

您现在可以使用 ES6 文件中导入路径的快速修复下载远程 ES6 模块。该模块将连同其所有依赖项一起下载并链接为项目库。要进行尝试，请将文本光标放在导入路径上，然后按 Alt+Enter 并选择 Download module（下载模块）。

3、.js 和 .d.ts 文件之间更好的映射

我们改进了 .js 和 .d.ts 文件之间的映射，并添加了间距图标以实现更好的导航。要详细了解这些变更，请阅读此博文。

4、JavaScript 文件的更快索引

JavaScript 文件的索引时间减少了 20%。我们希望这可以帮助您在打开新项目或进行大规模 Git 更新时更快地开始工作。 请注意，如果项目主要由 .ts 或其他类型的文件组成，则变化将不太明显。

5、改进了对单仓库的支持

此版本对单仓库的操作做出了许多改进。最显著的变化是自动添加的导入现在会考虑项目结构，将项目中每个带有 package.json 的文件夹视为一个单独的软件包。

二、框架与技术

1.用于更新依赖项的新检查

允许您直接从编辑器将 npm 软件包更新到最新版本！ 打开 package.json 文件，将文本光标放在要更新的软件包版本上，按 Alt+Enter，然后选择 Update ‘package name’ to the latest version（将“软件包名称”更新到最新版本）。将鼠标悬停在软件包版本上时，还会显示快速修复。

2、重新设计了 Deno 集成

为了改善软件中的Deno体验，我们已迁移到Deno LSP并修正了一系列已知问题。 查看此博文以详细了解如何开始使用 Deno。

3、改进了 HTML 补全

我们改进了代码补全在 HTML 中的工作方式。 每当您在编辑器中输入标记名称或缩写或调用代码补全，都会立即显示相关建议。 先前，只有首先输入了 < 才会显示。 此外，字符实体引用的代码补全现在也可以更好地工作。

4、Vue 和 React 的类型检查

支持Vue模板中的类型检查。 当绑定到属性的表达式中使用了不正确的类型时，IDE 会发出通知。 这也适用于 React 特性。

5、针对 HTTP 客户端的新功能

在此版本中，我们大幅改进了内置 HTTP 客户端。 我们添加了许多新功能，包括二进制响应支持、输出重定向到自定义文件或目录等等。

三、远程开发

1、远程运行 WebStorm

支持测试版本的全新远程开发工作流。 您现在可以连接到正在运行 IDE 后端的远程计算机，并像在本地计算机上一样处理其中的项目。 这要归功于我们的新应用程序 JetBrains Gateway。 要了解更多信息，请参阅这篇博文。

2、保存时的操作

使用远程 Node.js 进行开发

在此版本中，我们进行了多项重大改进，支持将 Node.js 安装在 Docker 中并随后由 WebStorm 与 JavaScript 工具的集成使用这种工作流。 现在，IDE 允许您将 Node.js 远程解释器与 ESLint、Jest、Mocha 和 npm 结合使用。 要了解更多信息，请参阅这篇博文。

3、SSH 连接的代理支持

您现在可以在 Preferences / Settings | Tools | SSH Configurations（偏好设置 / 设置 | 工具 | SSH 配置）中为 SSH 配置指定 HTTP 或 SOCKS 代理服务器。 在新的 HTTP/SOCKS Proxy（HTTP/SOCKS 代理）部分中，您可以选择代理类型、输入主机名和端口，并在必要时使用登录名和密码应用身份验证。

四、用户体验

1、拆分 Run（运行）工具窗口

要在运行多个配置时查看其结果？ 您现在可以拆分 Run（运行）工具窗口！ 为此，请将所需选项卡拖放到高亮显示的区域。 要取消拆分工具窗口，您可以拖回选项卡，或右键点击顶部窗格并从上下文菜单中选择 Unsplit（取消拆分）。

2、新的 Bookmarks（书签）工具窗口

以前有两个非常相似的实例 - Favorites（收藏夹）和 Bookmarks（书签）。 由于两者之间的区别有时会造成困惑，我们决定改为只使用 Bookmarks（书签）。 我们重新设计了此功能的工作流，并为其创建了一个新的工具窗口。 从现在开始，您使用 F11 标记为重要的文件、文件夹和类都将位于新的 Bookmarks（书签）工具窗口下。

3、Show Usages（显示用法）的源代码预览

使用 Ctrl+Alt+F7 或按 Ctrl 并点击定义查看符号的用法时，现在可以通过点击方形图标来打开找到的用法的源代码预览。

4、终端的改进

软件的内置终端现在支持 Windows 上的新 ConPTY API。 这一变化帮助我们解决了几个问题并增加了对 24 位颜色的支持。 此外，新添加的键盘缓冲支持可预测文本修改并立即以浅灰色显示。 此功能将帮助您在本地和远程计算机上保持同样的终端输入速度。

5、无障碍功能更新

我们解决了一些无障碍功能问题，让屏幕阅读器更为舒适。 我们禁用了过去在鼠标悬停时出现的工具窗口微件弹出窗口和快速文档弹出窗口。 macOS 上的无障碍功能支持也得到了改进。 我们解决了 VoiceOver 焦点的几个问题，并支持从屏幕阅读器创建项目。

6、更改所有选项卡的字体大小

您知道可以在编辑器中使用鼠标滚轮更改字体大小吗？ 以前，此功能仅适用于当前文件。 现在，您可以将其应用于所有打开的文件。 转到 Preferences / Settings | Editor | General（偏好设置 / 设置 | 编辑器 | 常规），勾选 Change font size with Command / Ctrl + Mouse Wheel in（使用 Command / Ctrl + 鼠标滚轮更改字体大小），然后选择 All editors（所有编辑器）选项。

五、版本控制

1、重新组织了 VCS 设置

我们重新组织了 Preferences / Settings | Version Control（偏好设置 / 设置 | 版本控制）下的所有内容，使关键配置选项更为醒目。 例如，Git 节点下的现在被划分为几个部分，对应最重要的流程：Commit（提交）、Push（推送）和 Update（更新）。 此外，这些部分中的参数现在组织得更合乎逻辑。

2、新的 Push all up to Here（推送此前所有提交）操作

有时，您可能会已经准备好要发布一些提交，而其他的提交却仍在进行中。 在这种情况下，您可能需要仅推送您确定要发布的提交。 将使您可以推送您在 Git 工具窗口的 Log（日志）选项卡中所选及其之前的提交。 只需右键点击所需提交，然后选择 Push All up to Here（推送此前所有提交）即可。

3、远程分支的 Checkout and Rebase onto Current（签出并变基到当前分支）

使用 Checkout and Rebase onto Current（签出并变基到当前分支）操作，您可以签出所选分支并将其变基到当前签出分支的顶部。 在此之前，此操作仅适用于本地分支。 在 v2021.3 中，您也可以将其用于远程分支。

4、新 Changes（变更）工具窗口

以前，会在单独的对话框中显示提交之间的差异。 从此版本开始，IDE 将在新的 Changes（变更）工具窗口中显示此信息。 要打开新的工具窗口，在版本控制系统的 Log（日志）选项卡中右键点击一个修订，然后从上下文菜单中选择 Compare with local（与本地版本比较）。

JetBrains Webstorm 2022官方版安装破解教程

1、下载解压，得到软件原程序、永久激活码2021；

2、双击“WebStorm-211.4961.31.exe”开始安装软件，点击next；

3、设置安装路径，大家根据自己的情况安装即可；

4、根据自己的需求来选择勾选，点击next；

5、点install开始安装，请耐心等待几分钟；

6、安装完成后即可运行软件；

7、首次运行软件会让用户配置或导入设置、选择主题，这些用户都可以随意设置，到注册界面时，请选择evaluate for free，点击evaluate试用软件；

8、接着再将本站提供的“jetbrains-agent-latest.zip”文件拖放到 IDE 窗口，并点击restart；

9、点击安装和是；

10、不过这时还是全英文的，那么软件怎么换成中文呢？接着此时同时按下键盘的Ctrl+ALT+S 打开 Settings -》 Plugins；

11、选择“marketplace”接着在输入框中输入“Chinese”后即可找到汉化插件，点击“install”进行下载；

12、下载完成后点击“restart ide”——“restart”；

13、然后重启就是全中文的啦，用户即可随意使用。

JetBrains Webstorm 2022官方版使用教程

1、webstorm工作空间文件的目录，和系统文件目录是一致的

2、除了可以自己根据层次知道路径意外，还可以直接右键复制路径

3、右键后点击show in explorer

4、成功在系统文件夹打开

5、一般情况下不需要打开系统文件夹，也能进行新建、删除、重命名、复制、粘贴等。比如复制，选中一个文件后，按ctrl+c

6、在桌面上按ctrl+v可以直接粘贴到桌面上。