WebStorm11

WebStorm是一款被誉为Web前端开发神器的JavaScript开发工具，具备IntelliJ IDEA强大的JS部分的功能，比如即时编辑（chrome）、自动完成、debugger、Zen Coding、HTML5等，还拥有“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等称号。

WebStorm 最大的特点是支持一系列最新的技术，比如HTML5，CSS3, Node.js, AngularJS, Dart, CoffeeScript, TypeScript, LESS, Sass, Stylus, Karma, Mocha, Emmet, RequireJS。而且《WebStorm 2018》还可以对页面进行个性化设置，用户可以取消高亮的背景。调整为自己喜欢的背景颜色与字体颜色提高效率。任何一个编辑器都需要保存(ctrl + s)，这是所有win平台上编辑类软件的特点，但是webstorm编辑文件右上角是没有那个熟悉的 * 的。

WebStorm功能

1.JavaScript

基于DOM，特定浏览器完成

编码导航和用法查询

支持ECMAScript

支持CoffeeScript

支持结点

JavaScript重构

JavaScript单元测试

代码检测和快速修复

JSLint/JSHint

基于 Mozilla的JavaScript调试器

2.其他用途

批量代码分析

编码语言混合或内混

拼写检查器

重复代码检测器

3.编辑语言

支持HTML5

css/js

检验和快速修复

Zen编码

显示内容

显示应用的风格

4.便捷的环境

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

FTP和远程文件同步

集成了版本控制系统

本地记录

WebStorm特色

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.包裹或者去掉外围代码

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