webstorm2020.3破解版它是由 JetBrains开发的一种 JavaScript编程语言的集成开发环境，支持HTML5, Node. js, Bootstrap, AngularJS, TypeScript, PhoneGap/Cordov                        ，Dart和许多其他的代码开发，它主要用于基于Web的移动应用程序的开发。Webstorm2020汉化版软件与 IntelliJIDEA同源，继承了 IntelliJIDEA强大的 JS部分，改进了 Angular的支持，更新了 CSS和 HTML文档，并在全新版本中进行更强大的调试。

webstorm是一款专业的HTML编辑工具，在html5和JavaScript中也非常出色，可以说是Web前端开发工件、最强大的HTML5编辑器和最聪明的JavaScriptIDE，软件新版本有JavaScript、TypeScript和CSS的更好支持，改善Vue.js体验，为Jest集成增加了新功能。

webstorm2020.3破解版核心功能

一、智能编码辅助

为您提供JavaScript和JavaScript语言、Node.js、HTML和CSS智能编码帮助。享受代码完成、强大的导航功能、动态错误检测和所有语言重构。                                             

1、现代框架

为Angular、React、Vue.js和Meteor提供先进的编码帮助。享受ReactNative、PhoneGap、Cordova、Ionic的支持，用于移动开发，用Node.js在服务器上开发。集成IDE！

2、智能编辑器

IDE分析你的项目，为所有支持的语言提供最佳代码完成结果。当您输入并建议快速修复选项时，数百个内置检查将报告任何可能的问题。。

3、导航和搜索

它可以帮助您更有效地绕过代码，在处理大型项目时节省时间。只需点击跳转到方法、函数或变量定义或搜索用法。

二、调试、跟踪和测试。

提供强大的内置工具，用于调试、测试和跟踪客户端和Node.js应用程序。通过最少的配置和周到的IDE整合，使用WebStorm更容易完成这些任务。
1.调整。

提供用于客户代码(用于Chrome)和Node.js应用程序的内置调试器。放置断点，逐步执行代码并计算表达——所有这些都不需要离开IDE。

2.测试。

因为WebStorm和Karma测试运行器，Mocha,Jest和Protractor相结合，所以测试很容易实现。在IDE内部运行和调试测试，以美观可视的形式观察结果，导航到测试代码。

3.跟踪和分析。

有spy-js。这是一个内置工具，有助于跟踪JavaScript代码。探索文件如何与函数调用连接，有效识别可能的瓶颈。

三、无缝工具整合。

集成了网络开发中使用的流行命令行工具，无需使用命令行就可以提供高效简化的开发体验。

1.构建工具。

享受简单统一的UI，直接从IDE执行Grunt、Gulp或npm任务。所有任务都列在特殊工具窗口，只需双击任务名称即可启动。

2.代码质量工具。

除了数百个网络Storm自己检查外，还可以运行ESLint、JSCS、TSLint、Stylelint、JSHint或JSLint的代码，在飞行中强调问题，在编辑器中。

3.项目模板。

使用流行的项目模板(如Express或网络入门套件)，从流行的屏幕开始新项目，通过与Yeoman的集成访问更多的项目生成器。

四、IDE功能。

在开源IntelliJ平台上，JetBrains已经开发了15年以上。享受它提供的微调，但是高度可定制的体验，适应你的开发工作流程。

1.VCS。

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

2.当地历史。

不管您是否使用VCS，本地历史记录都可以成为真正的代码保护程序。您可以随时检查特定文件或目录的历史记录，并返回以前的任何版本。

3.定制。

非常定制，调整完全适合您的代码风格，从快捷的方式、字体和视觉主题到工具窗口和编辑器布局。

webstorm2020.3破解版怎么设置设置汉化

百度搜索github，进入官网。

发现搜索框，输入“jetbrains-in-chinese”，回车来进行搜索。

选择如图所示的仓库，点击进入项目。

在项目主页上找到WebStorm的文件夹点击进入。

然后找到相应版本的汉化文件，点击进入。

在新的界面会有“Download”字样的按钮，点击进行下载。

开始汉化，在此之前必须彻底关闭软件。

复制并粘贴下载的文件到WebStorm安装目录的lib子目录。

重新打开软件，可以看到已经完成汉化，软件显示为简体中文。

webstorm2020.3破解版如何预览效果

首先，我们打开自己的WebStrom软件，打开项目，找到任意一个.html的文件。

我们选中某个html文件，然后右击，在弹出的菜单中有一项是“run ***.html”，

点击之后，我们电脑上默认的浏览器就会自动打开这个页面，并且该页面有配置好的服务器。

刚才提示“run ***.html”的文字后面括号内有（Ctrl+Shift+F10），这个是快捷键，我们可以在选中html文件后，同时按住键盘上的这三个键来在浏览器中打开页面。

以上都是没有编辑html文件，只是在目录中时的操作，当我们在WebStorm中打开了html文件后，还有另一种快捷操作方式。

WebStorm软件的右上角有一个显示当前文件名称的部分，后面紧挨着的一个绿色三角形，点击绿色三角就可以在浏览器中显示页面，或者按下提示的Shift+F10快捷键。

还有一个更直观的方法，我们将鼠标悬停到文件编辑区域的右上角，会浮现出几个主流浏览器的图标，有些我们电脑上并没有安装，只要随意点击电脑上已经安装的浏览器，就会在相应的浏览器中展现相应的html页面。

webstorm2020.3破解版新增内容

二、构架

1、对Angular应用程序的新检查

对于Angular应用程序，webstorm2019.1添加了17项新检查，可帮助您在键入时检测应用程序中的Angular特定错误，并建议快速修复。这些检查在TypeScript和模板文件中有效，并检查绑定、指令、组件和许多其他内容的使用。

2、Angular项目中的导航更容易

在Angular应用程序中，您现在可以使用相关符号...弹出窗口（Ctrl-Cmd-Up/Ctrl+Alt+Home）在不同的组件文件（如TypeScript，模板，样式和测试文件）之间快速切换。在TypeScript文件中，弹出窗口还列出导入该文件的所有符号。

3、改进了对Vue应用程序中TypeScript的支持

webstorm2019.1现在使用TypeScript语言服务和对.vue文件中TypeScript代码的自己的TypeScript支持。这意味着您现在可以获得更准确的类型检查和类型信息。您将使用服务提供的快速修复程序，并在TypeScript工具窗口中查看当前文件中的所有TypeScript错误。

4、React钩子的提取方法

该提取方法现在与当地的功能和使用解构的返回值重构，非常适合提取定制的反应挂钩。

5、改进了道具的完成

webstorm2019.1现在为使用扩展运算符合并的Reactprops提供了更好的代码完成。

三、HTML和样式表

1、更新文档

CSS属性和HTML标记及属性的文档（F1）现在显示有关MDN的浏览器支持的最新描述和信息，以及指向完整MDN文章的链接。

2、CSS的浏览器兼容性检查

要检查目标浏览器版本是否支持您使用的所有CSS属性，您可以在首选项中启用新浏览器兼容性检查。

3、对CSS模块的Camel案例支持

如果在项目中使用CSS模块，JavaScript文件中的类别代码已经完成，现在将建议驼峰版本带有破折号。

4、提取CSS变量

使用新的ExtractCSS变量重构，您可以使用语法将当前.css文件中值的所有用法替换为变量var(--var-name)。

四、测试

1、突出显示测试中的失败行

当您使用Jest，Karma，Mocha或Protractor运行测试并且某些测试失败时，您现在可以在编辑器中看到问题发生的位置。IDE将使用堆栈跟踪中的信息并突出显示失败的代码。悬停时，您将看到来自测试运行器的错误信息，您可以立即开始测试。

2、使用Cucumber和TypeScript进行测试

使用Cucumber和TypeScript？现在，您可以跳到从步骤.feature文件到它们的定义中的.ts文件中使用速战速决（和产生缺定义Alt-Enter组合）。

五、工具

1、新的调试器控制台

在JavaScript和Node.js调试工具窗口中使用新的，改进的交互式调试器控制台！它现在使用树视图显示对象，它支持使用CSS设置日志消息样式并使用console.group()和对它们进行分组console.groupEnd()。您还可以过滤掉任何类型的日志消息。

2、完成npm脚本

将新脚本添加到package.json文件时，WebStorm现在会为已安装的软件包提供的可用命令提供建议。键入后node，IDE将建议文件夹和文件名。输入npmrun后，您将看到当前文件中定义的任务列表。

3、改进了对短绒的支持

webstorm2019.1现在可以在一个项目中为ESLint和TSLint执行多个过程，以确保它们在单个项目和具有多个linter配置的项目中正常工作。

4、支持DockerCompose

如果使用Docker测试Node.js应用程序，可以使用DockerCompose文件中描述的配置，从IDE轻松运行和调试应用程序。

5、依赖项的版本范围工具提示

在package.json中，按下命令/Ctrl键和版本悬停的依赖关系，看看运行时可以安装哪个版本范围的npminstall或yarninstall。

六、IDE

1、新的UI主题

您可以在WebStorm中使用新的丰富多彩的UI主题作为插件。选择深紫色，灰色和青色光主题，或创建自己的主题。

2、最近的位置弹出

在最近的位置弹出（Cmd的移-E/按Ctrl+Shift+E）是一种新的方式浏览各地的项目。它显示了最近在编辑器中打开的所有文件和代码行的列表。您可以开始输入过滤结果并跳转到您需要的代码。

3、将项目另存为模板

通过工具菜单中的新操作另存为模板，您现在可以使用项目作为在IDE欢迎屏幕上创建新项目的基础。

4、所选文件类型的软包装

您现在可以在编辑器中为特定的文件类型启用软包装。为此，请打开“首选项/设置”|编辑|常规并在软包装文件字段中指定文件类型。