WebStorm是一款专业级的HTML编辑工具,有史以来被中国人誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等众多称号。WebStorm 2019款更是进行了革命性的功能变化,有需要的小伙伴欢迎下载。
WebStorm2019是一款专业的HTML编辑工具,是JetBrains2018最细更新的版本,在html5和JavaScript 方面也很出色。可以说是“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”。新版对JavaScript,TypeScript和CSS支持更好,改进了Vue.js的体验,并为Jest集成增加了新功能。
WebStorm为您提供JavaScript和编译到JavaScript语言,Node.js,HTML和CSS的智能编码帮助。享受代码完成,强大的导航功能,动态错误检测以及所有这些语言的重构。
支持的主要框架
PhpStorm非常适合与Symfony,Drupal,WordPress,Zend Framework,Laravel,Magento,CakePHP,Yii和其他框架一起使用。
所有PHP工具
编辑器实际上“获取”您的代码并深入了解其结构,支持现代和遗留项目的所有PHP语言功能。它提供了最佳的代码完成,重构,即时错误预防等。
包括前端技术
充分利用前沿技术,如HTML5,CSS,Sass,Less,Stylus,CoffeeScript,TypeScript,Emmet和JavaScript,并提供重构,调试和单元测试。通过Live Edit立即查看浏览器中的更改。
内置开发人员工具
由于版本控制系统集成,支持远程部署,数据库/ SQL,命令行工具,Vagrant,Composer,REST客户端和许多其他工具,因此可以直接从IDE执行许多例行任务。
PhpStorm = WebStorm + PHP + DB / SQL
WebStorm的所有功能都包含在PhpStorm中,并且在顶部添加了对PHP和数据库/ SQL支持的全面支持。
智能编码辅助
数百次检查负责在您键入时验证代码,分析整个项目。PHPDoc支持,代码(重新)编排器和格式化程序,快速修复程序以及其他功能可帮助您编写易于维护的简洁代码。
智能代码导航
凭借高效,快速的导航功能,您可以成为代码库的主人。IDE了解您想去的地方并立即将您带到那里。
快速安全的重构
使用安全的重命名,移动,删除,提取方法,内联变量,推送成员向上/向下拉动成员,更改签名以及许多其他重构来可靠地重构代码。特定语言的重构可以帮助您在几次点击中执行项目范围的更改,并且可以安全地撤消。
轻松调试和测试
PhpStorm以其零配置Visual Debugger而闻名,可以非常深入地了解应用程序在每个步骤中发生的情况。它适用于Xdebug和Zend Debugger,可以在本地和远程使用。还可以使用PHPUnit进行单元测试,使用Behat和Profiler集成进行BDD。
一、JavaScript和TypeScript
1、新的检查工具提示
新的检查工具提示现在不仅显示错误或警告的描述,而且还显示最佳的快速修复。
按Alt-Shift-Enter应用它或按Alt-Enter
查看WebStorm在那里提供的可用自动修复的完整列表。
2、查找未使用的代码
使用新的代码覆盖功能,您可以在客户端应用中找到任何未使用的代码。在WebStorm中启动覆盖范围的JavaScript调试配置,在Chrome中与您的应用进行交互,然后停止配置。该报告将显示每个文件和文件夹中使用的代码和数量。
3、新意图
为了在使用JavaScript和TypeScript时提高工作效率,WebStorm
在按Alt-Enter时有许多新意图。这里只是其中的一些:实现接口,创建派生类,实现一个接口或抽象类的成员,生成的“开关”的情况下,并用“for..of”迭代。
4、TypeScript改进
webstorm
2018.2现在支持最新的TypeScript 2.9和即将发布的TypeScript
3.0版本中添加的所有新语言功能。
除此之外,WebStorm现在提供了更多由TypeScript语言服务本身提供的快速修复,例如来自JSDoc的Annotate类型。
二、构架
1、提取并转换React组件
需要将React组件重构为两个?忘记复制和粘贴:在render方法中选择JSX代码并使用Refactor
- Extract Component。有了新的意图,您现在可以将React类组件转换为功能组件,然后再返回。
2、与Angular
CLI的新集成
使用New ... |为您的应用添加功能 角度依赖......行动。IDE将使用Angular CLI ng
add命令安装依赖项并使用特殊安装脚本更新应用程序。
您现在还可以使用库中定义的Angular示意图生成代码,例如
@angular/material使用New ... |
角度示意图...行动。
3、完成Vue.js中的活动
在Vue模板中,WebStorm现在为事件提供代码完成。在v-on:使用简写表示法之后或之后建议使用事件名称@event。还有事件修饰符的代码完成。
三、测试
1、重新运行测试失败
当您在WebStorm中使用Karma,Jest或
Mocha运行测试时,您现在可以仅重新运行失败的测试,而不是在您进行修复后运行所有测试。
2、Jest快照的差异视图
如果您的Jest测试由于快照不匹配而失败,您现在可以看到为什么使用熟悉的IDE
并排差异视图。
现在,通过单击编辑器中测试旁边的新图标,可以快速从测试文件跳转到相关快照。
四、工具
1、在WSL上支持Node.js.
您现在可以在Windows Subsystem for
Linux上使用Node.js来运行和调试
WebStorm中的Node.js应用程序以及IDE中的所有其他开发任务,例如运行测试,使用linters和构建工具。
2、重新连接Node.js调试器
由于Attach
to Node.js / Chrome
调试配置中新的自动重新连接选项,现在可以更轻松地调试使用nodemon的Node.js应用程序。在更改后重新加载节点进程时,您无需自行重新启动调试器以继续调试。
3、全球文件观察者
您现在可以将已配置的文件监视器存储在IDE设置中,并在不同的项目中使用它们。以前,只能为特定项目配置文件监视器。使用文件监视器,您可以在IDE中更改或保存文件时自动运行命令行工具。
四、其他改进:
1、IDE工具栏和工具窗口上新的更清晰,更简单的图标可确保可读性并减少视觉混乱。
2、运行并调试您的应用程序,提交更改并直接从MacBook上的触控栏更新项目。
3、用于React开发的
50多个代码片段的新集合。
4、WebStorm现在将新的Angular项目编入索引的速度提高了两倍,但没有任何妥协影响代码完成和解析的质量。
5、您现在可以在JavaScript和TypeScript文件中添加用于后缀完成的自定义模板。
6、使用JavaScript和Node.js调试器中的新Drop框架操作,如果您错过了想要再次看到的关键位置,则可以重新输入一个函数。
7、在带有断点的行上按Alt-Enter,并在意图列表中查看与断点相关的操作。
8、对于JSON5支持现在与可用的文件.json5扩展
9、JSON
Schemas文件现在可以从schemastore.org
自动下载,并根据文件名应用于您的文件。
10、您可以登录多个GitHub帐户。
11、“修订”操作中的“新建浏览存储库”允许您在任何给定的修订版本中浏览项目中的文件,而无需签出。
macOS 10.8.3或更高
2 GB RAM至少
4 GB RAM建议
1024x768最小屏幕分辨率