​WebStorm介绍​

效果图如下所示： 



WebStorm介绍_css转存失败重新上传取消


 主界面如下所示：


WebStorm介绍_css转存失败重新上传取消



​浏览器支持细节提示​

    关键字，标签，变量，参数和功能的JavaScript代码完成是基于支持DOM的流行的浏览器（IE，火狐等）标准，可以显示在不同浏览器之下的支持细节。



WebStorm介绍_css转存失败重新上传取消


 智能的代码导航和搜索提示



WebStorm介绍_css转存失败重新上传取消




WebStorm介绍_css转存失败重新上传取消



​ECMAScript的Harmony支持​

    WebStorm支持最新的ECMAScript版本，你可以尝试新的功能，每个JavaScript引擎的实现增加了别人所不具备的一些不错的功能，当您使用的目前选定的JavaScript版本不支持，WebStorm将通知您，并建议速战速决：

​支持CoffeeScript​

    CoffeeScript是一种编程语言，编译JavaScript和增强其简洁性和可读性，同时还增加了一些复杂的功能，像阵列的理解和模式匹配。WebStorm提供您：

· 代码导航和完成

· 重命名重构

· 语法高亮

· 错误检查

· 查找使用实例

​支持Node.js​

    WebStorm允许你调试和验证您的服务器端JavaScript – Node.js的应用。


编辑CommonJS的模块结构，并提出适当的自动完成选项：

​JavaScript的重构​

    为JavaScript提供的重构功能，让您可以轻松地修改代码结构，以及撤消修改。

· 移动/复制

· 安全删除

· 提取到嵌入的脚本文件

· 重命名

· 提取变量/函数

· 内联变量/函数

​JavaScript单元测试​

    如果你是一个JavaScript开发人员，你可能知道，您的应用程序的质量和正确性是至关重要的。那么，一致性测试和回归测试正好是你的痛苦少一点。支持JsTestDriver插件。

    WebStorm为单元测试提供了一个清晰的画面。从现在开始，JsTestDriver用户可以测量代码覆盖率。

在IDE线行使你的单元测试：

你还可以看到文件和目录在项目视图的测试覆盖率统计：

​代码检查和快速修复​

    为了确保更好的代码质量，WebStorm可以捕捉动态的JavaScript代码中的常见错误，并为他们提供了快速修复。

​支持JSLint / JSHint​

    JavaScript代码质量工具集成在IDE中。

​基于Mozilla Firefox的JavaScript调试器​

· HTML和JavaScript断点

· 定制断点属性：暂停模式，条件，通过计数

· 帧，变量和JavaScript调试器

· JavaScript表达式的运行评价


​批量代码分析​

    无需通过点击所有文件或部署到服务器。整个源代码树的启动代码分析，可以在一个单一的视图中看到所有的结果。

​语言混合编辑​

    支持任何代码中的“外部”和“内部”的语言 – 享受以外的JavaScript代码块，或在JavaScript字符串文字编码的CSS，HTML，SQL等。

​拼写检查​

    集成拼写检查验证在标签的文本，代码串，评论，以避免您的网页上的拼写错误和错别字。以确保代码的可读性更好，甚至变量名，CSS类和ID拼写检查。

​智能重复代码检测​

​支持HTML5​

    WebStorm也明白你的代码和每个元素的类型，并显示新的HTML5元素支持的方法：

    只需按Ctrl +空格，WebStorm会显示所有可能的自动完成选项。

​验证和快速修复​

    WebStorm可以修复检测下列问题，并给你更合理的建议建议：

· 无效的CSS选择器的格式

· 无效的CSS属性

· 未使用的CSS类定义

· 无效的本地锚和更多…

· 缺少必需的属性

· 无效的属性或非法值

· 错误的引用文件中的链接

· 重复的属性

    每当你看到一个灯泡，打ALT +回车，看看WebStorm有什么建议：

​支持Zen Coding​

    WebStorm内置了zen coding，可以使你编写代码更有效率。输入div.feature>H4+P， 按 Tab ，你会得到：


WebStorm介绍_css转存失败重新上传取消



​显示内容​

鼠标移到HTML中的CSS选择器，可以立即显示这个选择器的实际的样式；引用调用一个图像文件的时，你会看到图片预览。

效果如下所示：


WebStorm介绍_css转存失败重新上传取消




​应用样式​

    此命令将打开的标签应用到通过CSS样式的树视图里的样式。



WebStorm介绍_css转存失败重新上传取消




​HTML5的样板和其他Web应用程序模板​


    当你创建一个新项目的时候，WebStorm提供一些知名的项目模板，根据自己的需要使用：




WebStorm介绍_css转存失败重新上传取消


 FTP和远程文件同步化

    你可以使用简单的配置和直观的用户界面，从远程主机的FTP，或安装网络驱动器打开文件。

    可以使用自动同步功能保存本地编辑项目文件和部署到远程服务器。

    在Web服务器的配置标记的目录排除，包括从转让和设置索引|目录。

​集成版本控制系统​

    WebStorm支持最流行的版本控制系统：

· Subversion

· Mercurial

· Git

· Perforce

· CVS

· TFS

    至此，我们已经大概了解WebStorm提供的一些最令人兴奋的功能。但这些只是冰山的一角。如果想有更多体验，不放自己下载一试。

官方下载地址：

http://www.jetbrains.com/webstorm/index.html