JetBrains WebStorm 2021(编程软件)是一款非常实用的专业前端开发软件，界面简洁，带给用户全新的用户操作界面，允许你根据个人喜好调整外观，通过调整主题、代码样式、插件等来调整IDE的外观和行为。
软件地址：看置顶贴
二、构架
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组合)。
WebStorm 2021安装教程
1、在本站下载安装包并解压，可得到源程序，双击开始运行安装
2、选择软件安装位置，点击Browser可自行更换安装路径
3、选择附加任务，自行选择需要的进行勾选，这里小编勾选的是x64
4、选择开始菜单文件夹，默认即可
5、正在安装中，速度还是非常快的
6、安装成功，点击Finish退出软件安装向导
7、该软件运行后默认为英文，直接快捷键“Ctrl+ALT+S”打开“Settings -> Plugins”进行设置
8、在搜索框内输入“Chinese”，找到中文语言包点击Install安装
9、安装成功后需要重启软件，点击Restart IDE，然后弹出提示点击Restart即可
10、安装完成，软件已经可以免费使用了
