WebStorm

功能

JavaScript

· 基于DOM，特定瀏覽器完成

· 編碼導航和用法查詢

· 支持ECMAScript

· 支持CoffeeScript

· 支持結點

· JavaScript重構

· JavaScript單元測試

· 代碼檢測和快速修復

· JSLint/JSHint

· 基于 Mozilla的JavaScript調試器

其他用途

· 批量代碼分析

· 編碼語言混合或內(nèi)混

· 拼寫檢查器

· 重復代碼檢測器

編輯語言

· 支持HTML5

· css/js

· 檢驗和快速修復

· Zen編碼

· 顯示內(nèi)容

· 顯示應用的風格

便捷的環(huán)境

· HTML5樣本文件和其他Web應用程序模板

· FTP和遠程文件同步

· 集成了版本控制系統(tǒng)

· 本地記錄

優(yōu)勢功能

智能的代碼補全

支持不同瀏覽器的提示，還包括所有用戶自定義的函數(shù)(項目中)

代碼補全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

代碼格式化

代碼不僅可以格式化，而且所有規(guī)則都可以自己來定義

html提示

大家經(jīng)常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。而且html里面還能有js提示。

聯(lián)想查詢

只需要按著Ctrl鍵點擊函數(shù)或者變量等，就能直接跳轉到定義；可以全項目查找函數(shù)或者變量，還可以查找使用并高亮。

代碼重構

這個操作有些像Resharper，熟悉Resharper的用戶應該上手很快，支持的有重命名、提取變量/函數(shù)、內(nèi)聯(lián)變量/函數(shù)、移動/復制、安全刪除等等。

代碼檢查和快速修復

可以快速找到代碼中的錯誤或者需要優(yōu)化的地方，并給出修改意見，快速修復。

代碼調試

支持代碼調試，界面和IDEA相似，非常方便。

代碼結構瀏覽

可以快速瀏覽和定位

代碼折疊

功能雖小，不過勝在方便高效

包裹或者去掉外圍代碼

自動提示包裹或者去掉外圍代碼，一鍵搞定

版本

過往版本

版本編號：WebStorm 7 Released

提供了開發(fā)web應用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時獲得對HTML5文件的支持，例如開發(fā)者鍵入。開發(fā)者還可以在chrome瀏覽器中實時預覽HTML文檔。此外還可以檢驗和快速修復，Zen編碼，以及顯示內(nèi)容、顯示應用的風格等HTML5特性。

最新版本

版本編號：WebStorm 2017

——支持AngularJS

對流行框架提供高級支持。智能提示AngularJS指令（包括自定義指令），controller 和 application names以及花括號里邊的數(shù)據(jù)綁定。

——支持Spy-js

JavaScript追蹤變得簡單。通過Spy-js你可以看到觸發(fā)代碼執(zhí)行的事件的完整列表，然后幫你整理堆棧跟蹤事件，并在源代碼中突出顯示。

——支持多個插入符和選擇

WebStorm允許你把插入符放到多個位置，在這些位置你可以同時編輯代碼，輕松地完成編輯和更換。

——內(nèi)置Grunt控制臺

通過Grunt控制臺可以列出并定義grunt任務的完整列表， 雙擊可執(zhí)行。

——集成Bower

集成Bower包管理器后，你可以更簡單方便的在IDE中搜索、安裝和管理客戶端庫和框架。

——JavaScript模塊化

完善了對RequireJS和AMD的支持程度，基于requirejs.config實現(xiàn)了源碼導航功能。并改善了對Harmony module loader的支持。

——Live控制臺

在控制臺中的JavaScript和Node.js的調試工具窗口可以作為一個shell提示符，并允許您執(zhí)行命令和JavaScript代碼。

——新增CucumberJS支持

WebStorm了解CucumberJS的語法，可以幫助您生成代碼步驟定義。您可以在一個單一的點擊開始測試，看到一個不錯的結構化格式的測試結果，并輕松導航到測試源。

一如既往，以上涉及的所有改進也適用于IntelliJ IDEA、PhpStorm、RubyMine、PyCharm和AppCode。