webstorm有什么吸引开发者的特性功能?
webstorm是一个前端开发工具,相对众多的开发工具,webstorm有什么吸引开发者的特性功能?下面一起来看下。
操作方法
- 01
相对于其它开发工具,webstorm是专为前端而生的。对HTML元素,在代码上有属性提示,如图,我们在写一个P元素后,打上一个空格后,就会弹出P所有支持的HTML属性。
- 02
除了这些固定的属性提示,它还支持动态的提示,比如输入一个class样式后,就会弹件引入的样式文件里的所有class定义,引入不同的样式文件,这里的提示也会不一样的。
- 03
对于img元素,除了提示同目录下的图片文件外,还有提示图片文件的长度,宽度。这个特性也是挺好。
- 04
修改html更方便。如图,我要把一个p元素,改成div元素,我只需要在p的开始标签修改为div就行了,结束标签会自动跟着改为div。
- 05
javascript的提示功能也很齐全,只要输入函数的开始字符,就会弹出对应的函数。
- 06
在函数提示里,除了能提示函数名外,还对函数的参数有提示,这个除了大型的IDE开发工具外,其他的估计都没做得如此细致了。
- 07
对于css样式的支持,同样出色。 能提示出样式支持的属性,还指出了样式是属于css1,还是css3。
赞 (0)