相對于其它開發工具,webstorm是專為前端而生的。對HTML元素,在代碼上有屬性提示,如圖,我們在寫一個P元素后,打上一個空格后,就會彈出P所有支持的HTML屬性。
除了這些固定的屬性提示,它還支持動態的提示,比如輸入一個class樣式后,就會彈件引入的樣式文件里的所有class定義,引入不同的樣式文件,這里的提示也會不一樣的。
對于img元素,除了提示同目錄下的圖片文件外,還有提示圖片文件的長度,寬度。這個特性也是挺好。
修改html更方便。如圖,我要把一個p元素,改成div元素,我只需要在p的開始標簽修改為div就行了,結束標簽會自動跟著改為div。
javascript的提示功能也很齊全,只要輸入函數的開始字符,就會彈出對應的函數。
在函數提示里,除了能提示函數名外,還對函數的參數有提示,這個除了大型的IDE開發工具外,其他的估計都沒做得如此細致了。
對于css樣式的支持,同樣出色。
能提示出樣式支持的屬性,還指出了樣式是屬于css1,還是css3。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!