WebStorm(Web前端开发工具)

WebStorm2021是一款专业的Web前端开发工具，可以说是“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”。为用户们提供了针对JavaScript和JavaScript编译语言，同时不仅为Angular、React、Vue.js和Meteor提供了高级编码帮助，还专门为 JS 开发做了很多优化，以便更好的帮助用户在服务器端进行开发。

WebStorm2021软件功能

一、JavaScript和TypeScript

1、使用JavaScript解构：通过解构，您可以使用非常简洁的语法将数组和对象中的值解压缩到变量中。WebStorm的新重构和意图(Alt-Enter)可以帮助您轻松地将解构引入 JavaScript或TypeScript代码。

2、使用Promise将函数转换为async / await：您可以自动更改返回Promise的函数，.then()并 .catch()调用使用async / await语法的异步函数。只需在功能名称上按Alt-Enter，然后选择转换为异步功能。这不仅可以在TypeScript文件中实现，还可以在JavaScript和Flow中实现。

二、构架

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

2、Angular项目中的导航更容易：在Angular应用程序中，您现在可以使用相关符号...弹出窗口(Ctrl-Cmd-Up / Ctrl + Alt + Home)在不同的组件文件(如TypeScript，模板，样式和测试文件)之间快速切换。在TypeScript文件中，弹出窗口还将列出导入此文件的所有符号。

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

4、React钩子的提取方法：该提取方法重构现在与当地的功能和使用解构的返回值，使得它非常适合提取自定义作出反应挂钩。

5、改进了道具的完成：webstorm现在为使用扩展运算符合并的React props提供了更好的代码完成。

三、HTML和样式表

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

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

3、对CSS模块的Camel案例支持：如果在项目中使用CSS模块，JavaScript文件中的类的代码完成现在将建议带有破折号的类名的驼峰版本。

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

四、测试

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

2、使用Cucumber和TypeScript进行测试：使用Cucumber和TypeScript?现在，您可以跳到从步骤.feature文件 到它们的定义中 的.ts文件中使用速战速决(和产生缺定义Alt-Enter组合)。

安装教程

1、下载解压，得到JetBrains webstorm2021.1原程序、破解补丁和汉化补丁；

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

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

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

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

6、安装完成后即可运行WebStorm 2021；

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

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

9、点击安装和是；

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

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

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

13、然后重启就是全中文的啦，然后即可随意的使用webstorm2021.1永久破解版软件啦。