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

webstorm是一個前端開發工具, 相對眾多的開發工具, webstorm有什么吸引開發者的特性功能?下面一起來看下 。 操作方法 01 相對于其它開發工具, webstorm是專為前端而生的 。 對HTML元素, 在代碼上有屬性提示, 如圖, 我們在寫一個P元素后, 打上一個空格后, 就會彈出P所有支持的HTML屬性 。

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



02 除了這些固定的屬性提示, 它還支持動態的提示, 比如輸入一個class樣式后, 就會彈件引入的樣式文件里的所有class定義, 引入不同的樣式文件, 這里的提示也會不一樣的 。

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



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

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



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

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



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

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



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

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



07 【webstorm有什么吸引開發者的特性功能?】對于css樣式的支持, 同樣出色 。
能提示出樣式支持的屬性, 還指出了樣式是屬于css1, 還是css3 。

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





以上內容就是webstorm有什么吸引開發者的特性功能?的內容啦, 希望對你有所幫助哦!

    猜你喜歡