WebStorm是什么

WebStorm 是 jetbrains 公司旗下一款 JavaScript 開發工具。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

WebStorm 是 jetbrains 公司旗下一款 JavaScript 開發工具。已經被廣大中國 JS 開發者譽為“Web 前端開發神器”、“最強大的 HTML5 編輯器”、“最智能的 JavaScript IDE”等。與 IntelliJ IDEA 同源，繼承了 IntelliJ IDEA 強大的 JS 部分的功能。

功能

JavaScript

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

· 編碼導航和用法查詢

· 支持 ECMAScript

· 支持 CoffeeScript

· 支持結點

· JavaScript 重構

· JavaScript 單元測試

· 代碼檢測和快速修復

· JSLint/JSHint

· 基于 Mozilla 的 JavaScript 調試器

其他用途

· 批量代碼分析

· 編碼語言混合或內混

· 拼寫檢查器

· 重復代碼檢測器

編輯語言

· 支持 HTML5

· css/js

· 檢驗和快速修復

· Zen 編碼

· 顯示內容

· 顯示應用的風格

便捷的環境

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

· FTP 和遠程文件同步

· 集成了版本控制系統

· 本地記錄

優勢功能

智能的代碼補全

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

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

代碼格式化

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

html 提示

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

聯想查詢

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

代碼重構

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

代碼檢查和快速修復

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

代碼調試

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

代碼結構瀏覽

可以快速瀏覽和定位

代碼折疊

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

包裹或者去掉外圍代碼

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