WebStorm(30天免費試用)

WebStorm是由軟件公司JetBrains所開發的一個JavaScript集成開發環境，擁有強大的功能，可以幫助網站開發人員進行方便快捷的工作。智能補全代碼，輸入前幾個字符即可推薦候選關鍵詞；智能代碼塊，輸入某些擁有代碼塊的關鍵詞的前幾個字符時就會自動生成代碼塊，只需要輸入參數名和內容即可。是Web前端開發的一個強力工具。

WebStorm安裝步驟

1、在本站下載最新安裝包，按提示安裝

2、安裝進行中，完成即可使用

WebStorm軟件優勢

對工作結果滿懷信心

IDE 會在您輸入時運行數十個代碼檢查并檢測潛在的問題，助您編寫更可靠和更易于維護的代碼。只需點擊幾次即可重構您的整個代碼庫，且在實現較大的結構變更時不會遺漏任何內容。

享受高效的編碼

得益于 JavaScript 開發所需的全部功能開箱即用，您可以直接開始編碼。WebStorm 會為您處理一切常規工作，讓您更高效并專注于更具創造性的任務。

減輕處理復雜任務的壓力

擔心使用 Git 時出現混亂并丟失重要變更或者跨整個項目重命名組件時會中斷一些內容WebStorm 將簡化這些和其他具有挑戰性的任務，以便您專注于大局。

WebStorm軟件特色

1、智能的代碼補全

支持不同瀏覽器的提示，還包括所有用戶自定義的函數。

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

2、代碼格式化

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

3、html提示

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

4、聯想查詢

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

5、代碼重構

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

6、代碼檢查和快速修復

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

7、代碼調試

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

8、代碼結構瀏覽

可以快速瀏覽和定位

9、代碼折疊

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

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

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

常用快捷鍵

1、Tab：自動補全

2、復制當前行：Ctrl+D

3、刪除當前行：Ctrl+Y

4、注釋或者取消當前注釋：Ctrl+/

5、注釋或者取消多行注釋：Ctrl+Shift+/

6、同時編輯：Alt

按住Alt鍵，選中多個，可以同時進行編輯

7、包含關系： >

注意：必須具有包含關系才能用>操作