西西軟件下載最安全的下載網站、值得信賴的軟件下載站!

首頁編程開發(fā)其它知識 → 前端開發(fā)IDE、JS神器WebStorm 5詳細介紹

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

相關軟件相關文章發(fā)表評論 來源:西西整理時間:2013/1/3 9:42:23字體大小:A-A+

作者:西西點擊:0次評論:1次標簽: IDE

  • 類型:視頻轉換大。39.2M語言:多國語言[中文] 評分:3.2
  • 標簽:
立即下載

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

WebStorm有什么功能?

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

1、智能的代碼補全:

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

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

2、代碼格式化:

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

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

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

而且html里面還能有js提示

4、代碼導航和用法查詢:

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

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

5、代碼重構(這個操作有些像Resharper,熟悉Resharper的用戶應該上手很快):

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

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

6、代碼檢查和快速修復:

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

7、代碼調試:

8、代碼結構瀏覽:

可以快速瀏覽和定位

9、代碼折疊:

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

去掉之后就成了:

怎么樣,這些功能足夠多了吧,其中的調試和重構包含了很多,這個還需要你來自己挖掘。

讓我們來看看它都有哪些強大之處吧:

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

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

智能的代碼導航和搜索提示


ECMAScript的Harmony支持

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

支持CoffeeScript

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

代碼導航和完成

重命名重構

語法高亮

錯誤檢查

查找使用實例

支持Node.js

WebStorm允許你調試和驗證您的服務器端JavaScript – Node.js的應用。

編輯CommonJS的模塊結構,并提出適當?shù)淖詣油瓿蛇x項:

JavaScript的重構

為JavaScript提供的重構功能,讓您可以輕松地修改代碼結構,以及撤消修改。

移動/復制

安全刪除

提取到嵌入的腳本文件

重命名

提取變量/函數(shù)

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

JavaScript單元測試

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

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

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

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

代碼檢查和快速修復

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

…,并為他們提供了快速修復。

支持JSLint / JSHint

JavaScript代碼質量工具集成在IDE中。

基于Mozilla Firefox的JavaScript調試器

HTML和JavaScript斷點

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

幀,變量和JavaScript調試器

JavaScript表達式的運行評價

批量代碼分析

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

語言混合編輯

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

拼寫檢查

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

智能重復代碼檢測

支持HTML5

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

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

驗證和快速修復

WebStorm可以修復檢測下列問題,并給你更合理的建議建議:

無效的CSS選擇器的格式

無效的CSS屬性

未使用的CSS類定義

無效的本地錨和更多…

缺少必需的屬性

無效的屬性或非法值

錯誤的引用文件中的鏈接

重復的屬性

每當你看到一個燈泡,打ALT +回車,看看WebStorm有什么建議:

支持Zen Coding

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

顯示內容

鼠標移到HTML中的CSS選擇器,可以立即顯示這個選擇器的實際的樣式;引用調用一個圖像文件的時,你會看到圖片預覽。


 

應用樣式

此命令將打開的標簽應用到通過CSS樣式的樹視圖里的樣式。

HTML5的樣板和其他Web應用程序模板

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

FTP和遠程文件同步化

你可以使用簡單的配置和直觀的用戶界面,從遠程主機的FTP,或安裝網絡驅動器打開文件。

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

在Web服務器的配置標記的目錄排除,包括從轉讓和設置索引|目錄。

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

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

Subversion

Mercurial

Git

Perforce

CVS

TFS

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

    相關評論

    閱讀本文后您有什么感想? 已有人給出評價!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過難過
    • 5 囧
    • 3 圍觀圍觀
    • 2 無聊無聊

    熱門評論

    最新評論

    第 1 樓 江蘇鎮(zhèn)江電信 網友 客人 發(fā)表于: 2014/10/23 17:58:57
    多谢分享。

    支持( 0 ) 蓋樓(回復)

    發(fā)表評論 查看所有評論(1)

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    字數(shù): 0/500 (您的評論需要經過審核才能顯示)
    推薦文章

    沒有數(shù)據(jù)