webstorm使用技巧

最近初次尝试使用webstorm做为前端开发工具,感觉用起来简直太顺手了。比现在在用的sublime效率高太多,果然JetBrains出品必属精品啊!
这篇文章用来总结在使用webstorm中用到的一些小技巧。

如何在保存文件时,不让光标跑到行首。保留空行缩进(Keep indents at empty lines)

webstorm的默认设置是在一行里如果没有除空格以外的字符的话,当保存文件时,会自动删除空格,光标回到行首。保存文件前后对比图:

webstorm使用技巧_第1张图片
保存前.png
webstorm使用技巧_第2张图片
保存后.png

对我这种经常按ctrl+s的人来说,这个特性使用起来极不方便----还没等写代码呢,光标就跑走了,每次都要手动按空格对齐。其实可以通过配置修改掉这个特性,让webstorm不这么“自作聪明”,如图:

webstorm使用技巧_第3张图片
image.png

调用浏览器显示页面

如果当前编辑的页面是html文件,会发现右上角有一排浏览器的小图标,点击对应的浏览器,就能直接打开这个文件了,非常方便。


webstorm使用技巧_第4张图片
C8127720-C31D-4DE0-BAB0-3839F87F2F04.png

像sublime那样,分隔同一个文件的代码成多列(或多行)

webstorm使用技巧_第5张图片
image.png

显示代码的本地修改历史

在文件中右键,可以调出本地文件的修改历史。这个记录可比git详细多了~


webstorm使用技巧_第6张图片
调出修改历史
webstorm使用技巧_第7张图片
修改历史列表

你可能感兴趣的:(webstorm使用技巧)