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有什么吸引开发者的特性功能?的内容啦, 希望对你有所帮助哦!

    推荐阅读