WebStorm2017是基于WebStorm2016基础之上的一款javascript开发工具,集JavaScript + CSS + HTML编辑器与重构,代码完成和上的即时代码分析为一体,为编程人员带来更多的便利。欧普小编第一时间为大家带来WebStorm2017版本,有需要的朋友火速来下载吧!
WebStorm2017新功能
更优测试体验
现在,使用新的运行图标在 gutter 上运行 Mocha 测试更容易。 单击测试或套装名称旁边的图标,然后选择运行或调试。
运行测试后,图标将显示其状态 - 绿色圆圈表示通过的测试,红色表示失败的测试。 运行和调试操作将仍然可以点击。
您还可以对更改自动重新运行测试。 为此,请单击测试工具窗口左侧的切换自动测试图标。 您将在编辑器中看到它们的状态如何变化,即使您以前隐藏了工具窗口。 这将适用于 Mocha 和 Karma。
不要忘记,您也可以使用快捷方式运行 Mocha 测试:将光标放在测试或套装名称上,然后在 MacOS 上按 Ctrl-Shift-R,在 Windows 和 Linux 上按 Ctrl + Shift + F10。
新的 Go to 测试操作(在 MacOS 上使用 Shift-Cmd-T 或在 Windows 和 Linux 上使用 Ctrl + Shift + T)可以快速从文件导航到遵循常用命名约定的相关测试文件,例如 有 .test。,.spec。 或 _spec 后缀,并位于文件旁边或测试文件夹中。
与 Angular 语言服务集成
WebStorm 添加了 Angular 语言服务的集成,Angular 语言服务由 Angular 团队开发,用于改进 Angular-TypeScript 项目的代码分析和完成。
要启用服务,首先,在项目根目录中运行以下命令:
npm install @ angular / language-service --save-dev
注意:由于服务的一些限制,请与 Angular 2.3.1 或更高版本及 TypeScript 2.0.10 一起使用。
WebStorm 将与 TypeScript 服务一起启动服务。 您将在 TypeScript 和 HTML 文件中看到所有错误和警告,不仅在编辑器中,而且在 TypeScript 工具窗口中。
WebStorm 2017特点
1、智能的代码补全
支持不同浏览器的提示,还包括所有用户自定义的函数。
代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
2、代码格式化
代码不仅可以格式化,而且所有规则都可以自己来定义
3、html提示
大家经常在js代码中编写html代码,一般来说十分痛苦,不过有了智能提示,就爽多了。而且html里面还能有js提示。
4、联想查询
只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义;可以全代码导航和用法查询
项目查找函数或者变量,还可以查找使用并高亮。
5、代码重构
这个操作有些像Resharper,熟悉Resharper的用户应该上手很快,支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。
6、代码检查和快速修复
可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。
7、代码调试
支持代码调试,界面和IDEA相似,非常方便。
8、代码结构浏览
可以快速浏览和定位
9、代码折叠
功能虽小,不过胜在方便高效
10、包裹或者去掉外围代码
自动提示包裹或者去掉外围代码,一键搞定。
WebStorm2017汉化方法
1、在本站下载安装Webstorm 2017汉化包.
2、将.\Webstorm 2017.1\lib目录下的resources_en.jar文件复制出来,并更名为resources_cn.jar。
3、双击打开resources_cn.jar(注意是打开而不是解压出来),将下载的汉化包zh_CN目录下的所有文件拖到刚才打开的resources_cn.jar文件内的messages目录中,并保存。
4、将resources_cn.jar文件复制回.\Webstorm\lib目录。或是直接讲汉化包里面的resources_cn.jar复制到.\Webstorm\lib目录即可.
5、汉化完毕,重新打开Webstorm就可以显示中文。