WebStorm设置左侧菜单栏背景和字体设置WebStorm设置左侧菜单栏背景和字体设置
webstorm是⼀款前端IDE利器,个⼈感觉⿊⾊的背景⽐较炫酷。第⼀步:点击"file --> settings",如下图所⽰:
第⼆步:选择appearance->Theme选择darcula(⿊⾊主题)
在 IDE Settings > Appearance 的右边菜单⾥,选择 Theme > Darcula主题即可。IDE Settings 指的是 webstorm 的全局配置。
ps:在Appearance下设置的字体是菜单栏的字体。
菜单栏包括编辑器的字体设置如下:
新建Scheme + 修改字体,ctrl+alt+s打开Settings界⾯,Editor > Colors&Fonts > Font。Default scheme是亮⾊调,但我想定制⼀套暗背景的环境,所以在右侧Scheme name下拉框中选择Monokai,以此作为修改的基础,然后点击Save as,给⾃⼰新建的Scheme起个名字吧。
这⾥⾯可以设置字体(我⼀般选择Consolas),字体⼤⼩,⾏间距、⾃定义语法⾼亮。
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
导⼊导出设置
File > Export Settings导出⽤户设置。如下图,你可以选择要导出哪些类型的设置,也可以选择导出到哪个⽬录下。
导出后的配置以jar包的形式存在,导⼊也同样简单,File > Import Settings,选择jar包导⼊成功后,重启WebStorm就⼤功告成了快速通道:
1. 激活⽅式:
2. 常⽤快捷键: