webstorm這是一款功能強(qiáng)大的html5/javascript web前端開(kāi)發(fā)工具，前端開(kāi)發(fā)人員的必用神器，jquery, yui, dojo, prototype, mootools and bindows等都可以通過(guò)webstorm來(lái)完成，有需要的用戶(hù)可以來(lái)體驗(yàn)！

webstorm 2017新功能

更優(yōu)測(cè)試體驗(yàn)

現(xiàn)在，使用新的運(yùn)行圖標(biāo)在 gutter 上運(yùn)行 mocha 測(cè)試更容易。 單擊測(cè)試或套裝名稱(chēng)旁邊的圖標(biāo)，然后選擇運(yùn)行或調(diào)試。

運(yùn)行測(cè)試后，圖標(biāo)將顯示其狀態(tài) - 綠色圓圈表示通過(guò)的測(cè)試，紅色表示失敗的測(cè)試。 運(yùn)行和調(diào)試操作將仍然可以點(diǎn)擊。

您還可以對(duì)更改自動(dòng)重新運(yùn)行測(cè)試。 為此，請(qǐng)單擊測(cè)試工具窗口左側(cè)的切換自動(dòng)測(cè)試圖標(biāo)。 您將在編輯器中看到它們的狀態(tài)如何變化，即使您以前隱藏了工具窗口。 這將適用于 mocha 和 karma。

不要忘記，您也可以使用快捷方式運(yùn)行 mocha 測(cè)試：將光標(biāo)放在測(cè)試或套裝名稱(chēng)上，然后在 macos 上按 ctrl-shift-r，在 windows 和 linux 上按 ctrl + shift + f10。

新的 go to 測(cè)試操作（在 macos 上使用 shift-cmd-t 或在 windows 和 linux 上使用 ctrl + shift + t）可以快速?gòu)奈募?dǎo)航到遵循常用命名約定的相關(guān)測(cè)試文件，例如 有 .test。，.spec。 或 _spec 后綴，并位于文件旁邊或測(cè)試文件夾中。

與 angular 語(yǔ)言服務(wù)集成

webstorm 添加了 angular 語(yǔ)言服務(wù)的集成，angular 語(yǔ)言服務(wù)由 angular 團(tuán)隊(duì)開(kāi)發(fā)，用于改進(jìn) angular-typescript 項(xiàng)目的代碼分析和完成。

要啟用服務(wù)，首先，在項(xiàng)目根目錄中運(yùn)行以下命令：

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

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

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

功能特色

代碼結(jié)構(gòu)瀏覽

可以快速瀏覽和定位

代碼調(diào)試

支持代碼調(diào)試，界面和idea相似，非常方便。

代碼折疊

功能雖小，不過(guò)勝在方便高效

包裹或者去掉外圍代碼　自動(dòng)提示包裹或者去掉外圍代碼，一鍵搞定

智能的代碼補(bǔ)全

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

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

代碼格式化

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

html提示

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

聯(lián)想查詢(xún)

只需要按著ctrl鍵點(diǎn)擊函數(shù)或者變量等，就能直接跳轉(zhuǎn)到定義；可以全

代碼導(dǎo)航和用法查詢(xún)(8張)

項(xiàng)目查找函數(shù)或者變量，還可以查找使用并高亮。

代碼重構(gòu)

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

代碼檢查和快速修復(fù)

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