webstorm有什麼吸引開發者的特性功能?

來源:酷知科普網 2.77W

webstorm是一個前端開發工具,相對眾多的開發工具,webstorm有什麼吸引開發者的特性功能?下面一起來看下。

操作方法

(01)相對於其它開發工具,webstorm是專為前端而生的。對HTML元素,在程式碼上有屬性提示,如圖,我們在寫一個P元素後,打上一個空格後,就會彈出P所有支援的HTML屬性。

webstorm有什麼吸引開發者的特性功能?

(02)除了這些固定的屬性提示,它還支援動態的提示,比如輸入一個class樣式後,就會彈件引入的樣式檔案裡的所有class定義,引入不同的樣式檔案,這裡的提示也會不一樣的。

webstorm有什麼吸引開發者的特性功能? 第2張

(03)對於img元素,除了提示同目錄下的圖片檔案外,還有提示圖片檔案的長度,寬度。這個特性也是挺好。

webstorm有什麼吸引開發者的特性功能? 第3張

(04)修改html更方便。如圖,我要把一個p元素,改成div元素,我只需要在p的開始標籤修改為div就行了,結束標籤會自動跟著改為div。

webstorm有什麼吸引開發者的特性功能? 第4張

(05)javascript的提示功能也很齊全,只要輸入函式的開始字元,就會彈出對應的函式。

webstorm有什麼吸引開發者的特性功能? 第5張

(06)在函式提示裡,除了能提示函式名外,還對函式的引數有提示,這個除了大型的IDE開發工具外,其他的估計都沒做得如此細緻了。

webstorm有什麼吸引開發者的特性功能? 第6張

(07)對於css樣式的支援,同樣出色。能提示出樣式支援的屬性,還指出了樣式是屬於css1,還是css3。

webstorm有什麼吸引開發者的特性功能? 第7張
熱門標籤