WebStorm 2018

WebStorm 2018是 JetBrains 面向 Web 前端与全栈开发的专业 IDE，在这一版本中已实现对 Angular、React 与 Vue.js 三大主流框架的完整支持，包括组件模板补全、语法校验与断点调试，同时内置强大的代码编辑器（智能补全、快速导航、一键重构）、Git 版本控制面板、单元/集成测试框架集成（Jest、Karma）以及 ESLint/Prettier 等代码质量工具，帮助团队在开发阶段即维持代码规范与可维护性，欢迎有需要的用户下载使用。

WebStorm 2018新增功能

1、新的检查工具提示

新的检查工具提示现在不仅显示错误或警告的描述，而且还显示最佳的快速修复。

按Alt-Shift-Enter应用它或按Alt-Enter 查看WebStorm在那里提供的可用自动修复的完整列表。

2、查找未使用的代码

使用新的代码覆盖功能，您可以在客户端应用中找到任何未使用的代码。在WebStorm中启动覆盖范围的JavaScript调试配置，在Chrome中与您的应用进行交互，然后停止配置。该报告将显示每个文件和文件夹中使用的代码和数量。

3、新意图

为了在使用JavaScript和TypeScript时提高工作效率，WebStorm 在按Alt-Enter时有许多新意图。这里只是其中的一些：实现接口，创建派生类，实现一个接口或抽象类的成员，生成的“开关”的情况下，并用“for..of”迭代。

4、TypeScript改进

该软件现在支持最新的TypeScript 2.9和即将发布的TypeScript 3.0版本中添加的所有新语言功能。

除此之外，WebStorm现在提供了更多由TypeScript语言服务本身提供的快速修复，例如来自JSDoc的Annotate类型。

软件特点

1、智能的代码补全

支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)。

代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

2、代码格式化

代码不仅可以格式化，而且所有规则都可以自己来定义。

3、html提示

大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。

4、联想查询

只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义。

5、代码导航和用法查询(8张)

项目查找函数或者变量，还可以查找使用并高亮。

6、代码重构

这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。

7、代码检查和快速修复

可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。

8、代码调试

支持代码调试，界面和IDEA相似，非常方便。

9、代码结构浏览

可以快速浏览和定位。

10、代码折叠

功能虽小，不过胜在方便高效。

包裹或者去掉外围代码。

自动提示包裹或者去掉外围代码，一键搞定。

功能介绍

1、JavaScript

· 基于DOM，特定浏览器完成。

· 编码导航和用法查询。

· 支持ECMAScript。

· 支持CoffeeScript。

· 支持结点。

· JavaScript重构。

· JavaScript单元测试。

· 代码检测和快速修复。

· JSLint/JSHint。

· 基于 Mozilla的JavaScript调试器。

2、其他用途

· 批量代码分析。

· 编码语言混合或内混。

· 拼写检查器。

· 重复代码检测器。

3、编辑语言

· 支持HTML5。

· css/js。

· 检验和快速修复。

· Zen编码。

· 显示内容。

· 显示应用的风格。

4、便捷的环境

· HTML5样本文件和其他Web应用程序模板。

· FTP和远程文件同步。

· 集成了版本控制系统。

· 本地记录。

软件亮点

1、提高grunt集成

由于繁重的grunt集成更新任务，可通过任务快速浏览来运行或调试它们。

2、distraction-free模式

当您需要完全集中您的代码时，切换到全新的distraction-free模式——一个简约的用户界面，没有工具栏、工具窗口或标签。

3、live dart分析视图

为了您的dart项目，webstorm现在提供的即时代码分析结果，搭载dart分析服务器。您可以在项目的工具窗口或编辑器的着重列表中快速浏览警告或错误。