多语言展示
当前在线:472今日阅读:84今日分享:32

webstorm自定义主题

目前的版本是2018.3.3最新版
工具/原料
1

电脑·

2

Webstorm

方法/步骤
1

打开Webstorm

2

打开窗口左上角的file,选择Settings,或者直接按快捷键Ctrl+Alt+s打开,会弹出图2的界面

3

然后我们选择Editor,再选择Color Scheme,在右侧选择一款主题,笔者这里选择的是Monokai这款主题(目前自带的有12款主题,可以根据自己的喜好选择,我们这里是为了更快的修改主题所以选择了一款已有的主题,笔者我这里已经修改过所以是蓝色的)

4

然后点击左侧Color Scheme旁边的下拉箭头,会显示很多的可配置项,我们点开General,在右边展示的是主题默认的基本配置色(接下来我们将会一一更改相关的配置项)

5

点击左侧导航栏Language,打开语言默认的配置,可以看到相关的语言配置

6

Bad character:错误相关的颜色配置Braces and Operators:标点符号的颜色配置Classes:类的相关颜色配置Comments:注释的相关颜色配置Identifies:标识符相关颜色配置Inline parameter hints:内联参数提示的相关颜色配置Keyword:关键字的颜色配置Markup:标记、属性的相关颜色配置Metadata:源数据的相关颜色配置Number:数字的颜色配置Semantic highhlighting:高亮语义String:字符的相关颜色配置Templa language:模板语言的配置

7

点击上述的每一项后,在右边都会显示当前项的各个颜色属性,分别是:Bold: 加粗Italic:斜体Foreground:字体颜色Background:背景颜色Error stripe mark:错误标记Effects:错误效果Inherit values from:默认继承的颜色(此项一般默认是勾选了的,当处于勾选状态时不能更改其它颜色项的,例如字体颜色,背景颜色,只能取消勾选后您才能自定义颜色)

结语

当然在窗口导航栏的左边还有很多针对语言的修改,例如html、css、js、ts、ejs、jade等,您可以一一去更改他们,在最后附上笔者已经配置好的jar文件,在file下的import Setting里面进行导入,下方的Export Setting就是导出您的配置

注意事项

百度盘:链接:https://pan.baidu.com/s/1w3Ps8ZN5Seh_GJcZKd2XPg 提取码:uq69

推荐信息