WebStorm2020

WebStorm2020是一款非常优秀的代码编程软件。具备非常强悍的H5编辑功能，WebStorm2020中文免费版具备快速启动和运行的特点，可在创建代码时导航显示出代码中的任何错误，需要的小伙伴欢迎大家下载使用。

软件介绍

WebStorm2020是一款非常优秀的代码编程软件。集编辑设计、先进的编码工具、创建代码、智能代码补全、导航、动态错误检测等功能于一体，具备非常强悍的H5编辑功能，WebStorm2020中文免费版功能强大，具备快速启动和运行的特点，可在创建代码时导航显示出代码中的任何错误，允许你根据个人喜好调整外观，通过调整主题、代码样式、插件等来调整IDE的外观和行为，支持 20 多种语法高亮，需要的小伙伴欢迎大家下载使用。

WebStorm2020功能介绍

html提示
大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。
代码重构
这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。
代码格式化
代码不仅可以格式化，而且所有规则都可以自己来定义
代码折叠
功能虽小，不过胜在方便高效
代码检查和快速修复
可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。
包裹或者去掉外围代码
自动提示包裹或者去掉外围代码，一键搞定。
智能的代码补全
支持不同浏览器的提示，还包括所有用户自定义的函数。代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
代码结构浏览
可以快速浏览和定位
代码调试
支持代码调试，界面和IDEA相似，非常方便。
联想查询
只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全代码导航和用法查询项目查找函数或者变量，还可以查找使用并高亮。

WebStorm2020软件亮点

突出显示测试中的失败行：当您使用Jest，Karma，Mocha或Protractor运行测试并且某些测试失败时，您现在可以在编辑器中看到问题发生的位置。IDE将使用堆栈跟踪中的信息并突出显示失败的代码。在悬停时，您将看到来自测试运行器的错误消息，您可以立即开始调试测试。
更新文档：CSS属性和HTML标记及属性的文档(F1)现在显示有关MDN的浏览器支持的最新描述和信息，以及指向完整MDN文章的链接。
使用JavaScript解构：通过解构，您可以使用非常简洁的语法将数组和对象中的值解压缩到变量中。WebStorm的新重构和意图(AltEnter)可以帮助您轻松地将解构引入 JavaScript或TypeScript代码。
改进了道具的完成：webstorm现在为使用扩展运算符合并的React props提供了更好的代码完成。
提取CSS变量：使用新的Extract CSS变量重构，您可以使用语法将当前.css文件中值的所有用法替换 为变量var(varname)。
使用Promise将函数转换为async / await：您可以自动更改返回Promise的函数，.then()并 .catch()调用使用async / await语法的异步函数。只需在功能名称上按AltEnter，然后选择转换为异步功能。这不仅可以在TypeScript文件中实现，还可以在JavaScript和Flow中实现。
对CSS模块的Camel案例支持：如果在项目中使用CSS模块，JavaScript文件中的类的代码完成现在将建议带有破折号的类名的驼峰版本。
使用Cucumber和TypeScript进行测试：使用Cucumber和TypeScript?现在，您可以跳到从步骤.feature文件 到它们的定义中 的.ts文件中使用速战速决(和产生缺定义AltEnter组合)。
Angular项目中的导航更容易：在Angular应用程序中，您现在可以使用相关符号...弹出窗口(CtrlCmdUp / Ctrl + Alt + Home)在不同的组件文件(如TypeScript，模板，样式和测试文件)之间快速切换。在TypeScript文件中，弹出窗口还将列出导入此文件的所有符号。
React钩子的提取方法：该提取方法重构现在与当地的功能和使用解构的返回值，使得它非常适合提取自定义作出反应挂钩。
CSS的浏览器兼容性检查：要检查目标浏览器版本是否支持您使用的所有CSS属性，可以在首选项中启用新的 浏览器兼容性检查。
对Angular应用程序的新检查：对于Angular应用程序，webstorm添加了17项新检查，可帮助您在键入时检测应用程序中的Angular特定错误，并建议快速修复。这些检查在TypeScript和模板文件中都有效，并检查绑定，指令，组件和许多其他内容的使用。
改进了对Vue应用程序中TypeScript的支持：webstorm现在使用TypeScript语言服务以及对.vue文件中任何TypeScript代码的自己的TypeScript支持。这意味着您现在可以获得更准确的类型检查和类型信息，您将能够使用服务提供的快速修复程序，并在TypeScript工具窗口中查看当前文件中的所有TypeScript错误。

WebStorm2020软件优势

所选文件类型的软包装：您现在可以在编辑器中为特定文件类型启用软包装。为此，请打开“首选项/设置"| 编辑| 常规并在软包装文件字段中指定文件类型。
将项目另存为模板：通过“ 工具"菜单中的新操作“ 另存为模板 " ，您现在可以使用项目作为在IDE欢迎屏幕上创建新项目的基础。
改进了对短绒的支持：webstorm现在可以 在一个项目中为ESLint和TSLint运行多个进程，以确保它们在单个项目和具有多个linter配置的项目中正常工作 。
新的UI主题：您现在可以在WebStorm中使用新的丰富多彩的UI主题作为插件。选择 深紫色，灰色和 青色光主题，或创建自己的主题 。
最近的位置弹出：在最近的位置弹出(Cmd的移E / 按Ctrl + Shift + E)是一种新的方式 浏览各地的项目。它显示了最近在编辑器中打开的所有文件和代码行的列表。您可以开始键入以过滤结果并跳转到您需要的代码。
支持Docker Compose：如果使用Docker测试Node.js应用程序，现在可以使用Docker Compose文件中描述的配置从IDE 轻松运行和调试应用程序。
依赖项的版本范围工具提示：在的package.json，按命令/ Ctrl键和版本悬停的依赖关系，看看运行的时候可以安装什么版本范围 npm install或yarn install。
新的调试器控制台：在JavaScript和Node.js调试工具窗口中使用新的，改进的交互式调试器控制台!它现在使用树视图显示对象，它支持使用CSS设置日志消息样式并使用console.group()和 对它们进行分组console.groupEnd()。您还可以过滤掉任何类型的日志消息。
完成npm脚本：将新脚本添加到package.json文件时，WebStorm现在会为已安装的软件包提供的可用命令提供建议。键入后 node，IDE将建议文件夹和文件名。输入后npm run，您将看到当前文件中定义的任务列表。