前端開發(fā)IDE、JS神器WebStorm 5詳細(xì)介紹

2d轉(zhuǎn)3d轉(zhuǎn)換器(Wondershare Video Converter Ultimate)v7.3.0.3 破解中文版

• 類型：視頻轉(zhuǎn)換大�。�39.2M語言：多國語言[中文] 評分：3.2
• 標(biāo)簽：

立即下載

從最初的dreamweaver,到Notpad++,再到aptana，每一款I(lǐng)DE總讓我我感覺少了點什么東西。WebStorm卻讓我眼前一亮，雖然公司項目所用的開發(fā)環(huán)境是eclipse+aptana（主要是方便團(tuán)隊協(xié)作和工程調(diào)試），但是其他時間我都會學(xué)習(xí)使用WebStorm。

WebStorm有什么功能?

下面我把WebStorm的功能大致羅列一下(這里只說Javascript編輯的功能，其他的html和css之類的大家自己發(fā)掘，記得WebStorm可是支持Zencoding的喲，帥~)：

1、智能的代碼補(bǔ)全：

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

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

2、代碼格式化：

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

3、代碼編寫中的html提示：

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

而且html里面還能有js提示

4、代碼導(dǎo)航和用法查詢：

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

可以全項目查找函數(shù)或者變量，還可以查找使用并高亮：

5、代碼重構(gòu)(這個操作有些像Resharper，熟悉Resharper的用戶應(yīng)該上手很快)：

支持的有重命名、提取變量/函數(shù)、內(nèi)聯(lián)變量/函數(shù)、移動/復(fù)制、安全刪除等等，比如：

內(nèi)聯(lián)變量重構(gòu)之后變?yōu)椋?/p>

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

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

7、代碼調(diào)試：

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

可以快速瀏覽和定位

9、代碼折疊：

10、包裹或者去掉外圍代碼：

去掉之后就成了：

怎么樣，這些功能足夠多了吧，其中的調(diào)試和重構(gòu)包含了很多，這個還需要你來自己挖掘。

讓我們來看看它都有哪些強(qiáng)大之處吧：

瀏覽器支持細(xì)節(jié)提示

關(guān)鍵字，標(biāo)簽，變量，參數(shù)和功能的JavaScript代碼完成是基于支持DOM的流行的瀏覽器（IE，火狐等）標(biāo)準(zhǔn)，可以顯示在不同瀏覽器之下的支持細(xì)節(jié)。

智能的代碼導(dǎo)航和搜索提示

ECMAScript的Harmony支持

WebStorm支持最新的ECMAScript版本，你可以嘗試新的功能，每個JavaScript引擎的實現(xiàn)增加了別人所不具備的一些不錯的功能，當(dāng)您使用的目前選定的JavaScript版本不支持，WebStorm將通知您，并建議速戰(zhàn)速決：

支持CoffeeScript

CoffeeScript是一種編程語言，編譯JavaScript和增強(qiáng)其簡潔性和可讀性，同時還增加了一些復(fù)雜的功能，像陣列的理解和模式匹配。WebStorm提供您：

代碼導(dǎo)航和完成

重命名重構(gòu)

語法高亮

錯誤檢查

查找使用實例

支持Node.js

WebStorm允許你調(diào)試和驗證您的服務(wù)器端JavaScript – Node.js的應(yīng)用。

編輯CommonJS的模塊結(jié)構(gòu)，并提出適當(dāng)?shù)淖詣油瓿蛇x項：

JavaScript的重構(gòu)

為JavaScript提供的重構(gòu)功能，讓您可以輕松地修改代碼結(jié)構(gòu)，以及撤消修改。

移動/復(fù)制

安全刪除

提取到嵌入的腳本文件

重命名

提取變量/函數(shù)

內(nèi)聯(lián)變量/函數(shù)

JavaScript單元測試

如果你是一個JavaScript開發(fā)人員，你可能知道，您的應(yīng)用程序的質(zhì)量和正確性是至關(guān)重要的。那么，一致性測試和回歸測試正好是你的痛苦少一點。支持JsTestDriver插件。

WebStorm為單元測試提供了一個清晰的畫面。從現(xiàn)在開始，JsTestDriver用戶可以測量代碼覆蓋率。

在IDE線行使你的單元測試：

你還可以看到文件和目錄在項目視圖的測試覆蓋率統(tǒng)計：

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

為了確保更好的代碼質(zhì)量，WebStorm可以捕捉動態(tài)的JavaScript代碼中的常見錯誤…

…，并為他們提供了快速修復(fù)。

支持JSLint / JSHint

JavaScript代碼質(zhì)量工具集成在IDE中。

基于Mozilla Firefox的JavaScript調(diào)試器

HTML和JavaScript斷點

定制斷點屬性：暫停模式，條件，通過計數(shù)

幀，變量和JavaScript調(diào)試器

JavaScript表達(dá)式的運(yùn)行評價

批量代碼分析

無需通過點擊所有文件或部署到服務(wù)器。整個源代碼樹的啟動代碼分析，可以在一個單一的視圖中看到所有的結(jié)果。

語言混合編輯

支持任何代碼中的“外部”和“內(nèi)部”的語言 – 享受以外的JavaScript代碼塊，或在JavaScript字符串文字編碼的CSS，HTML，SQL等。

拼寫檢查

集成拼寫檢查驗證在標(biāo)簽的文本，代碼串，評論，以避免您的網(wǎng)頁上的拼寫錯誤和錯別字。以確保代碼的可讀性更好，甚至變量名，CSS類和ID拼寫檢查。

智能重復(fù)代碼檢測

支持HTML5

WebStorm也明白你的代碼和每個元素的類型，并顯示新的HTML5元素支持的方法：

只需按Ctrl +空格，WebStorm會顯示所有可能的自動完成選項。

驗證和快速修復(fù)

WebStorm可以修復(fù)檢測下列問題，并給你更合理的建議建議：

無效的CSS選擇器的格式

無效的CSS屬性

未使用的CSS類定義

無效的本地錨和更多…

缺少必需的屬性

無效的屬性或非法值

錯誤的引用文件中的鏈接

重復(fù)的屬性

每當(dāng)你看到一個燈泡，打ALT +回車，看看WebStorm有什么建議：

支持Zen Coding

WebStorm內(nèi)置了zen coding，可以使你編寫代碼更有效率。輸入div.feature> H4 + P， 按 Tab ，你會得到

顯示內(nèi)容

鼠標(biāo)移到HTML中的CSS選擇器，可以立即顯示這個選擇器的實際的樣式；引用調(diào)用一個圖像文件的時，你會看到圖片預(yù)覽。

應(yīng)用樣式

此命令將打開的標(biāo)簽應(yīng)用到通過CSS樣式的樹視圖里的樣式。

HTML5的樣板和其他Web應(yīng)用程序模板

當(dāng)你創(chuàng)建一個新項目的時候，WebStorm提供一些知名的項目模板，根據(jù)自己的需要使用：

FTP和遠(yuǎn)程文件同步化

你可以使用簡單的配置和直觀的用戶界面，從遠(yuǎn)程主機(jī)的FTP，或安裝網(wǎng)絡(luò)驅(qū)動器打開文件。

可以使用自動同步功能保存本地編輯項目文件和部署到遠(yuǎn)程服務(wù)器。

在Web服務(wù)器的配置標(biāo)記的目錄排除，包括從轉(zhuǎn)讓和設(shè)置索引|目錄。

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

WebStorm支持最流行的版本控制系統(tǒng)：

Subversion

Mercurial

Git

Perforce

CVS

TFS

至此，我們已經(jīng)大概了解WebStorm提供的一些最令人興奮的功能。但這些只是冰山的一角。如果想有更多體驗，不放自己下載一試。