（圖解）windows下自訂Eclipse主題

標籤：

　　之前用過一些編輯器如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一樣，這裡我就不再貼出來了

 

（圖解）windows下自訂Eclipse主題