Question

webstorm有这样的代码搜缩略图吗

Answer 1

新建Scheme + 修改字体
ctrl+alt+s打开Settings界面，Editor > Colors&Fonts > Font。
Default scheme是亮色调，但我想定制一套暗背景的环境，所以在右侧Scheme name下拉框中选择Monokai，以此作为修改的基础，然后点击Save as，给自己新建的Scheme起个名字吧，如下图：

这里面可以设置字体（我一般选择Consolas），字体大小，行间距。

自定义语法高亮
用ctrl+alt+s打开Settings界面，Editor > Colors&Fonts。

不同语言有各自的语法高亮规则，但有一部分是通用的（General），我们首先来设置General，然后再根据需要设置不同语言的语法高亮。
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