webstorm這是一款功能強大的html5/javascript web前端開發工具，前端開發人員的必用神器，jquery, yui, dojo, prototype, mootools and bindows等都可以通過webstorm來完成，有需要的用戶可以來體驗！

webstorm 2017新功能

更優測試體驗

現在，使用新的運行圖標在 gutter 上運行 mocha 測試更容易。 單擊測試或套裝名稱旁邊的圖標，然后選擇運行或調試。

運行測試后，圖標將顯示其狀態 - 綠色圓圈表示通過的測試，紅色表示失敗的測試。 運行和調試操作將仍然可以點擊。

您還可以對更改自動重新運行測試。 為此，請單擊測試工具窗口左側的切換自動測試圖標。 您將在編輯器中看到它們的狀態如何變化，即使您以前隱藏了工具窗口。 這將適用于 mocha 和 karma。

不要忘記，您也可以使用快捷方式運行 mocha 測試：將光標放在測試或套裝名稱上，然后在 macos 上按 ctrl-shift-r，在 windows 和 linux 上按 ctrl + shift + f10。

新的 go to 測試操作（在 macos 上使用 shift-cmd-t 或在 windows 和 linux 上使用 ctrl + shift + t）可以快速從文件導航到遵循常用命名約定的相關測試文件，例如 有 .test。，.spec。 或 _spec 后綴，并位于文件旁邊或測試文件夾中。

與 angular 語言服務集成

webstorm 添加了 angular 語言服務的集成，angular 語言服務由 angular 團隊開發，用于改進 angular-typescript 項目的代碼分析和完成。

要啟用服務，首先，在項目根目錄中運行以下命令：

npm install @ angular / language-service --save-dev

注意：由于服務的一些限制，請與 angular 2.3.1 或更高版本及 typescript 2.0.10 一起使用。

webstorm 將與 typescript 服務一起啟動服務。 您將在 typescript 和 html 文件中看到所有錯誤和警告，不僅在編輯器中，而且在 typescript 工具窗口中。

功能特色

代碼結構瀏覽

可以快速瀏覽和定位

代碼調試

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

代碼折疊

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

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

智能的代碼補全

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

代碼補全包含了所有流行的庫，比如：jquery, yui, dojo, prototype, mootools and bindows。

代碼格式化

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

html提示

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

聯想查詢

只需要按著ctrl鍵點擊函數或者變量等，就能直接跳轉到定義；可以全

代碼導航和用法查詢(8張)

項目查找函數或者變量，還可以查找使用并高亮。

代碼重構

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

代碼檢查和快速修復

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