WebStorm2021.3永久破解版 附安装教程

WebStorm2021.3破解版是一款最常用的编程集成开发环境，其最基本的功能便是代码编辑了，无需任何辅助编程插件，就能够完美支持JavaScript、TypeScript、React、React Native、Electron、Vue、Angular、Node.js、HTML、CSS等多个编程语言，为提升输入效率，开发了智能补全、代码检查、安全重构、HTML预览等功能，强大的开发者调试工具，无需离开WebStorm就可以对项目进行调试，如内置的HTTP客户端，创建、编辑完成后，即可直接运行HTTP请求。还支持任务运行、npm和其他工具，使用Projector到一个服务器上运行你的IDE。此次本站为您带来的WebStorm2021.3破解版为最新版的WebStorm软件，全面的支持PHP8.1，并更好的处理PHP中的泛型、远程开发、布局改进、HTTP客户端、重构等内容。下文中小编还特别制作了WebStorm2021.3破解版图文安装激活教程，希望对您安装和使用带来一点帮助，需要的小伙伴就请快到本站下载吧。

WebStorm2021.3破解版安装教程

1、下载本站为带来的WebStorm2021.3破解版软件压缩包，正常解压，得到安装程序、破解补丁文件夹和汉化补丁文件夹

2、双击“WebStorm-211.4961.31.exe”安装程序，开始安装工作，弹出安装欢迎安装向导界面，点击next

3、设置WebStorm2021.3的安装路径，默认安装到C盘中，您也可以自定义此路径，然后点击Next

4、选择附件任务，是否创建桌面快捷方式，以及默认关键文件格式等，大家自行选择勾选即可

5、选择开始菜单文件夹，使用默认文件夹即可，点击Install

6、等待安装进度完成

7、安装完成后，点击Finish退出安装向导

8、启动WebStorm2021.3，勾“选Evaluate for free”，点击Evaluate，表示试用软件

9、将“ide-eval-resetter.zip”压缩文件插件拖动至WebStorm2021.3软件的主界面中

10、重启WebStorm2021.3软件，进入主界面，点击上方的Help栏，下拉选择“Eval Reset”

11、弹出插件主界面 ，然后点击Reset，进行重启

12、重启完成后，点击菜单“Help”→“About”，查看软件是否激活成功

13、现在软件语言依然是英文的，我们可以通过设置将其切换成中文

14、同时按下键盘的Ctrl+ALT+S打开设置界面，或者点击“Settings”→“Plugins”

15、选择“Marketplace”，接着在输入框中输入“Chinese”后即可找到“Chinese(simplified) Language”汉化插件，点击“INSTALL”进行下载安装

16、完成后弹出提示窗口，点击“RESTART IDE”——“RESTART”

17、现在重启WebStorm2021.3软件，我们可以看到语言已经完全切换成中文了，大家可以无任何限制的使用了开发项目了

WebStorm2021.3新增功能

一、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(与本地版本比较)。

WebStorm2021.3基本功能

1、智能代码辅助功能，为您提供JavaScript和编译为JavaScript语言、Node.js、HTML和CSS的智能代码辅助。享受代码补全、强大的导航功能、动态错误检测以及所有这些语言的重构。

2、调试、跟踪和测试，提供强大的内置工具进行调试、测试和跟踪您的客户端和Node.js应用程序。只需很少配置和精心集成到IDE中，使这些任务变得更加轻松。

3、无缝工具集成，集成流行的命令行工具，用于Web开发，使您无需使用命令行即可获得高效、简化的开发体验。

4、IDE功能，建立在开源IntelliJ平台之上，过去15年以来，JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供高度可定制的体验。

5、现代框架，为Angular、React、Vue.js和Meteor提供先进的代码辅助。享受对以ReactNative、PhoneGap、Cordova和Ionic进行移动开发和以Node.js进行服务器端开发的支持。一个IDE一应俱全!

6、智能编辑器，该IDE分析您的项目，从而为所有支持的语言提供最佳代码补全结果。几百种内置检查，可以在您输入时报告任何可能的问题，并提供快速修复选项。

7、导航和搜索，可以帮助您在处理大型项目时提高编码效率，并节省时间。只需点击一次或搜索用法，即可跳到方法、函数或变量定义。

8、项目模板，使用常用项目模板，比如：Express或Web入门套件从欢迎屏幕启动新项目，并且因为与Yeoman集成，所以可以访问更多项目生成器。

9、VCS，以统一的UI处理多种流行的版本控制系统，确保在git、GitHub、SVN、Mercurial和Perforce之间提供一致的用户体验。

10、本地历史，无论您是否使用VCS，本地历史都真的可以保护代码。您可以随时检查特定文件或目录的历史记录，并回滚到以前的任何版本。

11、定制，软件定制化程度非常高。将其调整为完全适合您的编程风格，从快捷键、字体和视觉主题到工具窗口和编辑器布局。

12、生成工具，享受直接在IDE中以简单一致的UI来运行Grunt、Gulp或npm任务。所有任务都列举在一个特殊工具窗口中，所以只需双击任务名称即可启动它。

13、代码质量工具，除了软件自有的几百种检查外，它还可以根据代码运行ESLint、JSCS、TSLint等，并直接在编辑器中高亮显示任何动态问题。

WebStorm2021.3使用教程

一、创建文件和目录

创建一个空文件

1、在项目工具窗口中，选择要创建文件的目录，按Alt+Insert，然后从列表中选择文件。

2、在打开的“新建文件”对话框中，键入文件名和扩展名。您可以在新文件名之前键入整个目录结构。如果嵌套目录尚不存在，则会创建它们。

如果指定的扩展名未与 WebStorm 中识别的任何文件类型关联，则会打开“注册新文件类型关联”对话框，您可以在其中将扩展名与已识别的文件类型之一关联。有关详细信息，请参阅文件类型关联。

如果新扩展没有合适的文件类型，您很可能需要安装相应的存储库插件，如管理插件中所述。

在 WebStorm 中，您可以创建具有特定语言扩展名和一些初始内容的文件，这要归功于IDE 支持的大多数语言的文件模板。

要配置现有文件模板或创建新文件模板，请单击“设置/首选项”对话框 ( ) 中编辑器下的文件和代码模板。有关详细信息，请参阅文件类型关联。Ctrl+Alt+S

二、创建文件

在项目工具窗口中，选择要创建文件的目录，按Alt+Insert，然后选择所需的语言或文件类型。

在打开的对话框中，键入不带任何扩展名的文件名。稍后您可以使用重命名重构( Refactor | Rename )更改自动生成的文件扩展名。

您可以在新文件名之前键入整个目录结构。如果嵌套目录尚不存在，则将创建它们：

根据需要指定其他信息。例如，如果相应的文件模板包含此类变量并且当前未设置它们的值，则可能会要求您定义自定义变量的值。

三、创建目录

在“项目”工具窗口中，右键单击要创建新目录的目录，从上下文菜单中选择“新建”，然后选择“目录”。

或者，单击父目录，按Alt+Insert，然后从列表中选择目录。

在打开的对话框中，指定目录名称。如果要创建多个嵌套目录，请指定它们的名称，使用斜杠作为分隔符。