之前用过一些编辑器如SublimeText,IDE如phpstorm,IDEA等;这些工具给我的感觉就是,除了给予这些工具应有的功能外,给予开发者更友好,更舒服的界面。Eclipse很早就开始使用了,之前在使用时,对它自带的经典界面倒没什么特殊的感觉,因为同期在使用的VS也差不多那个样子,后来觉得白色刺眼,就更改了windows窗口的背景色为淡绿色,但对于有强迫症的人来说,那界面东一块绿,西一块白的,这样更改的效果只有更糟。并且,现在双眼已经被前面那几款开发工具“惯坏"了,长期对着这一片白的图形界面,感觉十分碍眼。废话说了这么多,下面就说一下我怎样更改Eclipse的主题的:
首先,先给大家来一幅图:
这是Eclipse默认的界面,现在Eclipse内置都有更换主题的功能,操作步骤如下:
window>preferences>general>appearance,将右边的Theme选项选到Dark主题,然后点击OK
主题更换后,我们的界面已经变成下面这个样子:
如果这个界面已经能满足你,下面的部分可以忽略。
但对于有些人来说,可能希望还可以微调这个主题的一些细节,例如项目面板的字体大小,代码编辑区的多样化样式等。下面再来说说几个插件:
1、更多的Editor主题:Color Theme插件
这个插件的主要作用是,可以有更多的Editor区域的样式模板选择。Eidtor区域指的是你编辑代码的区域。
eclipse的market有更多的样式可下载,相关链接:http://marketplace.eclipse.org/content/eclipse-color-theme
点击Extenal Install Button,将下方的Install图标,拖到到你的eclipse上就自动会进行在线安装或者离线下载自行安装。
接下来点击Confirm,
点击I accept>Finish,接下来等它安装完。点击ok
点击yes,eclipse将会自动重启
这时,点击window>preference>general>appearance会发现现在有三个选项,其中有一个是color theme。点击color theme,右边出现了一个主题列表
点击每个主题,然后点击apply>yes,你会发现,你的代码编辑区(Editor)会相应变化:
到这里为止,你可以选择更多的Editor的主题。除Editor外,其他区域都是由Appearance的主题控制的。Appearance的主题也是可以换的,Eclipse Market有提供,各位自行查找下载。
2
2、CSS Spy插件
Eclipse的主题样式由css控制,更改Eclipse的主题样式,可以直接到Eclipse的安装根目录下的plugins\org.eclipse.ui.themes_xxxx\css下,找到e4-dark_win.css文件进行修改。(这里需要懂点css,不懂的自己上w3cschool学)
但是要修改css样式必须知道样式的标识符,CSS Spy可以帮助我们找到Eclipse各个位置相应的id或class或标签。
插件链接:http://marketplace.eclipse.org/content/eclipse-4-tools-css-spy#.UYrzSkAW1J0
安装方式跟上面一样。安装完后,通过组合键Alt+Shift+F5可以调出CSS Spy面板:
这时,你用鼠标点击Eclipse,CSS Spy会立刻列出对应点击位置的信息:
这时,你就可以用CSS Spy找到的标识符去改相应的样式了
3、Chrome Theme插件
1)更改Eclipse的主题样式,可以直接到Eclipse的安装根目录下的plugins\org.eclipse.ui.themes_xxxx\css下,找到e4-dark_win.css文件进行修改。(这里需要懂点css,不懂的自己上w3cschool学)
2)各位也可以选择Eclipse的Chrome Theme插件修改,这个插件提供了给开发者更大自由度的控制Eclipse一些细节的样式,例如控制面板的字体大小
Chrome Theme插件链接:http://marketplace.eclipse.org/content/eclipse-4-chrome-theme#.UYrzEkAW1J0
安装方式跟Color Theme一样,这里我就不再贴出来了