webstorm 2020 v2020.2.1附激活码 安装教程

Webstorm2020是目前世界上领先的前端开发工具，也被称为最智能的JavaScript IDE编辑器，无论是做Web开发、移动应用开发、服务器开发、应用程序开发，Webstorm是您的最佳选择，进行项目开发，代码编写时，将为工程师们提供智能代码补全、智能代码检测等服务，让大家以专注于编程，提升编程效率，编码完成后，可以直接在WebStorm进行项目调试、跟踪和测试，无论您是处理客户端或和Node.js应用程序，WebStorm调试器有多重视图，包括：框架、全局和局部变量以及Watcher，Webstorm与IDE深度集成的Linter、生成工具、测试运行器、REST客户端和其他工具可以满足项目开发的所有需求，2020版的Webstorm是目前最新的版本，小编特别为开发者们带来了Webstorm2020.3破解版的软件，并制作了详细的安装教程，有需要的小伙伴可以下载参考此教程。

安装教程

1、下载本站为您提供的Webstorm2020中文破解版压缩包，将其正常解压，得到“WebStorm-2020.2.1.exe”安装程序、“jetbrains-all.zip”激活补丁、“JetBrains_zh-CNLangPack_EAP_v202.45_for_2020.2.x.jar”汉化补丁

2、双击安装程序，进入安装向导界面，点击Next

3、选择程序的安装路径，默认路径为“C:\Program Files\JetBrains\WebStorm 2020.2.1”，如有需要您也可以自定安装路径，小编使用默认设置进行安装

4、设置创建桌面快捷方式、是否将从文件夹打开项目添加至鼠标右键、设置默认关联文件、是否将IDEA启动目录添加到环境变量中安装参数，这些根据您的需要设置即可，点击Next

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

6、等待绿色安装进度的完成

7、Webstorm程序安装完成，勾选“Run Webstorm”立即运行软件，因为下面激活和汉化过程需要在运行的软件上进行

破解教程

1、首次进入软件后，会弹出提示框，勾选“Do not import settings”，点击OK

2、选择您喜欢的主题界面，点击Next Featured plugins进入下一步

3、这一步您需要安装自己需要的插件，根据您的开发项目选择即可，小编这里不做太多解释，点击Start Using WebStorm

4、勾选“Evaluate for free”， 点击 Evaluate 按钮，选择免费试用Webstorm

5、点击“New Project”， 创建一个新的编程项目

6、这一步您需要自定义设置项目保存路径，设置的目录最好简单一点，方便大家查看，点击Greate

7、进入了Webstorm的主页面，点击菜单栏Help → Register

8、这里我们可以查看软件的使用期限只有30天

9、现在我们正式开始软件的破解工作，将“jetbrains-all.zip”激活补丁拖拽至Webstorm主页面

10、弹出消息框，点击Restart按钮

11、再用记事本打开“安装参数.txt”文本文档，复制里面的参数到软件的安装参数中，激活方式选择“Activation code”, 点击为WebStorm安装

12、输入正确后点击会弹出下框，点击“是”，如果没弹出则输入错误，请认真检查上一步

13、这样，我们便完成了软件的破解工作，点击 Help --> About可以查看是否激活，可看到已经成功激活至2089年

14、但此时界面还是默认英文语言，我们现在需要将“JetBrains_zh-CNLangPack_EAP_v202.45_for_2020.2.x.jar”汉化补丁复制到以下路径中【C:\Program Files\JetBrains\WebStorm 2020.2\lib】

15、现在重启软件后，已经是汉化破解版的软件了，各位可以无限制使用其进行编程了

功能介绍

【智能代码辅助功能】

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

1、现代框架

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

2、智能编辑器

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

3、导航和搜索

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

【调试、跟踪和测试】

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

1、调试

WebStorm提供内置调试器 ，可用于您的客户端代码(适用于 Chrome)和Node.js应用。 放置断点、逐步执行代码和评估 表达式 – 一切都无需离开IDE。

2、测试

因为WebStorm集成了Karma 测试 运行器、Mocha 、Jest 和Protractor ，因此可以轻松执行测试。 直接在IDE中运行和调试测试，以方便的可视格式 查看结果，然后导航到测试代码。

3、跟踪和性能分析

WebStorm内置了spy-js 工具，帮助您跟踪 JavaScript代码。 探索文件如何与函数调用相关联，并且高效 识别任何可能的瓶颈。

【无缝工具集成】

ebStorm与用于Web开发的流行任务运行器、链接器、测试框架和包管理器集成，为您提供高效、简化的开发体验。

1、任务运行器

享受用统一的界面来运行Grunt和Gulp<0>任务以及<0>npm<0>脚本。 无需使用命令行来启动任务。

所有定义在项目gruntfile.js、gulpfile.js或package.json中的任务现在都列在工具窗口中，只需双击即可运行任何任务。

您还可以为任务创建Run/Debug配置，然后以熟悉的Run…或Debug…操作来运行或调试。

2、代码质量工具

除了WebStorm自身的几百种检查外，您还可以使用ESLint、TSLint、Stylelint、JSHint或JSLint等连接器。 当您输入时，WebStorm将根据您的代码运行这些东西，并且直接在编辑器中动态、高亮显示任何问题。

如果要确保符合项目代码风格(比如：缩进、关键字后的空格等等)，只需启用JSCS，这是一个JavaScript代码风格检查器。

3、npm和Bower

通过npm管理Node.js对于WebStorm而言非常简单。 右键点击package.json文件以运行npm安装命令。 如果您忘记安装某个模块或忘记在package.json中列出它，内置检查将发出警告。

通过偏好(Preferences)访问已安装的本地npm和Bower依赖项的完整列表，您可以在偏好安装和更新npm模块和客户端依赖项。

4、集成PhoneGap、Cordova和Ionic

WebStorm通过以PhoneGap、Apache Cordova和Ionic框架开发的移动应用来促进您的工作流程。 您可以直接从IDE创建、模拟和部署应用。

5、TypeScript编译器

WebStorm可以使用其内置的编译器，迅速轻松地将TypeScript代码编译成JavaScript。 您可以手动或在tsconfig.json文件中指定编译选项。 会在编辑器中动态报告所有编译错误。

6、Yeoman集成

由于集成了Yeoman，您现在可以直接从IDE欢迎屏幕访问几百个项目生成器。 新UI将帮助您查找和安装新生成器，并且它们将指导您完成生成器步骤，所有这些操作都无需离开IDE。

【IDE功能】

WebStorm建立在开源IntelliJ平台之上，过去15年以来，JetBrains一直在不断发展和完善这个平台。 它提供VCS集成、本地历史功能，具有充满活力的插件生态系统，完全可配置，并提供更多、更多功能。VCS

1、VCS

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

任何未提交的变更都会高亮显示在编辑器左侧排水沟和“项目”视图中。 只需点击两下即可轻松回滚任何变更。

内置的可视化合并工具能够以快速、直观的方式解决所有冲突。

处理GitHub时，请签出您的项目，并且在IDE中生成所有拉取请求。

2、本地历史

无论您是否使用VCS，本地历史都真的可以 保护代码。 WebStorm跟踪源文件中的任何变更，保护您免受任何意外丢失或修改(即使是由其他应用程序造成的)。 您可以随时检查特定文件或目录的历史记录，并回滚到以前的任何版本。3、定制

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

WebStorm提供明暗外观供您选择。 可以在偏好(Preferences)中为每种语言设置配色方案，或者您从互联网上找一个热门主题来用。

4、内置终端

如果要运行命令或命令行工具，不用离开IDE — 使用WebStorm的内置本地终端，可选择将其设置为您的shell。

5、插件生态系统

如果您决定借助对新框架、集成工具和其他生产力功能的支持来丰富 WebStorm，IDE 插件库中提供了数十种插件。

新增功能

1、使用 Prettier 作为默认格式化程序

想要使用 Prettier 而不是内置的格式化程序来整理代码? 借助此更新，这会变得比以前更容易。 只需勾选新的 On code reformat 复选框，IDE 就会在您重新格式化 .js、.ts、.jsx 和 .tsx 时使用 Prettier。 也可以轻松添加其他文件类型。

2、获得对 Nuxt.js 的支持

让 WebStorm 帮助您更高效地使用 Nuxt.js! 在模板部分和 nuxt.config.js 文件中使用编码辅助功能，查看核心 Nuxt 组件的快速文档，在 Nuxt 项目中获得对 Vuex 库的支持，等等。

3、快速配置 Vue 特定的代码样式

借助 Vue 特定的代码样式设置，您可以选择哪些顶级标记的内容应缩进，以及缩进对于整个 Vue 文件都应相同还是应取决于语言设置。 您还可以更改内插在 Vue 代码中的格式。

4、借助新意图操作节省时间

新的智能意图操作 (Alt+Enter) 将帮助您更快速地执行有关可选链和空值合并以及循环的一些操作。 例如，您现在可以将带有数字索引的 for 循环快速转换为 forEach 数组方法。

5、直接在编辑器中呈现 JSDoc 注释

阅读 JSDoc 注释可能是一个挑战，因为您必须查看所有标记。 为了便于阅读，我们将这些注释直接呈现在编辑器中，消除了不必要的干扰。

6、支持从工具窗口启动调试

WebStorm 现在允许从 Run 和 Terminal 工具窗口启动调试会话。 例如，如果您运行像 npmstart 一样的脚本，按住 Ctrl+Shift 并点击该脚本输出中的 http 链接，IDE 将为您启动 JavaScript 调试会话。

7、改进了调试时的项预览

在调试时，您会注意到在内置控制台中对项预览进行了一些增强。 借助这些功能增强，无需将对象展开，即可查看对象的更有用详细信息。

8、获得对 @use 和 @forward 规则的更好支持

去年，我们引入了对 Sass 和 SCSS 中使用的 @use 和 @forward 规则的一些初始支持。 现在，我们扩展了这种支持，因此您可以期待 WebStorm 为导入的符号提供更智能的补全和改进的解析。

9、在 IDE 中预览 WebP 图像

从 v2020.2 开始，您可以直接在 WebStorm 中预览 .webp 图像，就像您预览 .jpeg 或 .png 文件一样。 以前，WebStorm 无法识别 .webp 图像格式，这使您在需要查看此类图片时必须切换到其他应用程序。

10、享受对 GitHub 拉取请求的全面支持

在 WebStorm 2020.2 中，我们对 GitHub 拉取请求提供了扩展支持，使其更易于使用。 现在，您可以查看并合并所有 PR，还可以审查代码 – 所有这些都不需要离开 IDE。

11、为 Git 操作重新设计了对话框

WebStorm 2020.2 消除了合并、拉取和衍合操作对话框中的混乱。 此外，还添加了一些新选项。

12、从日志 squash 本地提交

现在，您可以在 Git 工具窗口的 Log 选项卡中选择多个本地提交，然后将其 squash 为一个提交。 可以从上下文菜单执行此操作，点击右键可调用上下文菜单。

13、更快地识别代码中的问题

使用新的 Inspections 微件和 Problems 工具窗口，您可以获得有关当前文件中警告、错误和其他问题数量的详细信息，并在它们之间浏览。

14、在每个选定行的末尾添加脱字符号

用于处理多个脱字符号的新操作 (Alt+Shift+G) 允许您在每个选定行的末尾快速放置脱字符号，并在添加所有脱字符号后立即移除所选内容。

功能特色

【快速启动和运行】

立即开始您的项目，而不是把时间浪费在评估各种插件上。 凭借各种内置开发者工具以及对语言和框架开箱即用的支持，提供高效 JavaScript 开发所需的一切。

【提高生产力】

在重构和快速修复的帮助下，不要在终端与文本编辑器之间，或可以自动完成的事情上犹豫不决，这是 IDE 最擅长之事。 调试器和 Git 等最重要的开发者工具触手可及。

【花更少工夫编写更好的代码】

编写更清晰可靠的代码，IDE 在您输入时会运行几十种检查，并且会立即检测到潜在错误和冗余。 通过可以提供与当前上下文最相关的变量和方法的自动补全，节省浏览代码库的时间。

【迅速找到所需代码】

无论项目有多大，都可以更快地找到代码。 只需点击几次，即可跳到任何类、函数、方法、变量或组件的定义，并找到其用法。 在您打开的文件内轻松导航，而且其结构一览无余。

【根据您的喜好调整外观】

不喜欢使用默认值? 通过调整主题、代码样式、插件等来调整 IDE 的外观和行为，使其更符合您的独特需求。 也可在几个 WebStorm 实例之间自动共享您的自定义设置。

更新日志

webstorm v2020.2.1更新日志

-在 Vue 模板部分的文件引用中增加了对 vue-loader 的支持

-现在，“本地历史记录”功能应该可以在 WSL 2 上正常运行

-修复了许多回归错误：WEB-46751, WEB-46669, WEB-46818, WEB-46595, WEB-46684, and WEB-46754

-重新设计了将可选链接和无效合并扩展到显式检查的意图(intention)。它在 2020.2 的 EAP 版本中引入，有用户反馈仍有可-改进之处，因此 2020.2 中关闭了此意图。现在你可以尝试改进的版本

-在 Angular 项目中，WebStorm 现在支持 ng-template 标记上的结构指令的类型推断

-解决了几个性能问题