WebStorm(30天免費(fèi)試用)

WebStorm是由軟件公司JetBrains所開發(fā)的一個(gè)JavaScript集成開發(fā)環(huán)境，擁有強(qiáng)大的功能，可以幫助網(wǎng)站開發(fā)人員進(jìn)行方便快捷的工作。智能補(bǔ)全代碼，輸入前幾個(gè)字符即可推薦候選關(guān)鍵詞；智能代碼塊，輸入某些擁有代碼塊的關(guān)鍵詞的前幾個(gè)字符時(shí)就會(huì)自動(dòng)生成代碼塊，只需要輸入?yún)?shù)名和內(nèi)容即可。是Web前端開發(fā)的一個(gè)強(qiáng)力工具。

WebStorm安裝步驟

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

2、安裝進(jìn)行中，完成即可使用

WebStorm軟件優(yōu)勢(shì)

對(duì)工作結(jié)果滿懷信心

IDE 會(huì)在您輸入時(shí)運(yùn)行數(shù)十個(gè)代碼檢查并檢測(cè)潛在的問題，助您編寫更可靠和更易于維護(hù)的代碼。只需點(diǎn)擊幾次即可重構(gòu)您的整個(gè)代碼庫(kù)，且在實(shí)現(xiàn)較大的結(jié)構(gòu)變更時(shí)不會(huì)遺漏任何內(nèi)容。

享受高效的編碼

得益于 JavaScript 開發(fā)所需的全部功能開箱即用，您可以直接開始編碼。WebStorm 會(huì)為您處理一切常規(guī)工作，讓您更高效并專注于更具創(chuàng)造性的任務(wù)。

減輕處理復(fù)雜任務(wù)的壓力

擔(dān)心使用 Git 時(shí)出現(xiàn)混亂并丟失重要變更或者跨整個(gè)項(xiàng)目重命名組件時(shí)會(huì)中斷一些內(nèi)容WebStorm 將簡(jiǎn)化這些和其他具有挑戰(zhàn)性的任務(wù)，以便您專注于大局。

WebStorm軟件特色

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

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

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

2、代碼格式化

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

3、html提示

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

4、聯(lián)想查詢

只需要按著Ctrl鍵點(diǎn)擊函數(shù)或者變量等，就能直接跳轉(zhuǎn)到定義;可以全代碼導(dǎo)航和用法查詢項(xiàng)目查找函數(shù)或者變量，還可以查找使用并高亮。

5、代碼重構(gòu)

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

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

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

7、代碼調(diào)試

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

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

可以快速瀏覽和定位

9、代碼折疊

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

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

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

常用快捷鍵

1、Tab：自動(dòng)補(bǔ)全

2、復(fù)制當(dāng)前行：Ctrl+D

3、刪除當(dāng)前行：Ctrl+Y

4、注釋或者取消當(dāng)前注釋：Ctrl+/

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

6、同時(shí)編輯：Alt

按住Alt鍵，選中多個(gè)，可以同時(shí)進(jìn)行編輯

7、包含關(guān)系： >

注意：必須具有包含關(guān)系才能用>操作