WebStorm设置

代码编辑器的一些感想：

Dreamweaver：大而全，预览功能完全可以废弃。有个严重的bug导致我想换掉它，css选命令的时候回车经常直接换行而不是选中需要的命令，很烦。另外的小毛病：选带-和_的class之类的名字的时候双击只能选中一小节。目前只有WebStorm可以选中全部带连接符的class。优势：html可以选择折叠后的代码块

atom：汉化都汉化的不全，和Dreamweaver一样的小毛病，还不能选择折叠后的代码块，其他也没什么亮点

 

 

-----------------------------------------------------------

General的设置

普通文本：default text

折叠文本: Folded text

光标: Caret

光标所在行: Caret row

行号: Line number

TODO: TODO default

光标下变量高亮：Search result

搜索结果：Text search result

匹配的括号：Matched brace

不匹配的括号：Unmatched brace

未使用的符号：Unused symbol

左边空隙（行号，断点）：Gutter background

选中的文本背景色：Selection background

选中的文本前景色：Selection foreground

 

 

显示行号 + 自动换行

如果用Vim编程，行号是非常必要的辅助。WebStorm默认是不显示行号的，没关系，显示行号非常的容易。

只要在代码左侧的gutter区域点右键，就会出现下图的菜单：勾选上Show Line Numbers即可。

另外，勾选上图中的Use Soft Wraps就启用了WebStorm的自动换行的功能，即过长的代码行不会超出屏幕，不会出现横向的滚动条。

值得一提的是，标准的Vim，jk是移到上一行下一行，如果代码自动换行了，被分割成的两行虽然看起来是两行，但其实是一个逻辑行，这时候用jk是上移下移一个逻辑行。这种情况下，如果要从同一逻辑行的“第一行”移动到“第二行”，需要按gj，即先按g再按方向。虽然Vim提供了这个方法，但还是经常按错。

好消息是，启用了Use Soft Wraps的WebStorm不需要这样，直接按j就可以从同一逻辑行的“第一行”移动到“第二行”。

详细设置：https://blog.csdn.net/kongjiea/article/details/48262851

快捷键大全：https://blog.csdn.net/u012130706/article/details/51496759