Eclipse – 風格調整與備份

Eclipse 是一個擴充套件非常多元的 IDE,舉凡管理工具、程式語言擴充、提示樣版擴充以及小工具,只要是擴充有提供的功能都能裝上去(廢話XD),而各個擴充皆有其各別的設定,算是相當地靈活。也因此,延伸出一個狀況,當想要調整 Eclipse 的字型、大小或是顏色,變得相當麻煩!因為他不是被集中在某個特定選項裡,而是被分散在各個程式語言的擴充設定之中,通常在第一次調完後便會很懶得再去動他了,這時候,如何將自己的設定備份出來就相很重要了。

若是想要直接看要備份哪些檔案的話,就直接看備份列表去吧!

為了方便後面的說明,我們先建立個共識,接下來要設定的進入點都是從打開 “偏好設定”  Window > Preferences視窗後開始說明(如下圖)

偏好設定
Window > Preferences 視窗畫面

 

 

基本設定


1.文字編碼 – UTF-8

Eclipse 的預設是 MS950,對應到中文環境來說就是指 Big5,在這邊就不贅述為什麼不用這種編碼格式了。設定在偏好視窗裡的項目列表- General > WorkspaceTextfile encoding更改。

文字編碼

預設是在 “Default (MS950)” 選項,我們只要在 Other下拉選單選擇 UTF-8後再 “OK” 即可。
對應的檔案: org.eclipse.core.resources.prefs 。

 

2.字型設定

想要將字型調整成自己喜歡的或是用合適於程式撰寫的字型,得要在 General > Appearance > Colors and Fonts裡的 Basic > Text Font選項,如下圖顯示:

General-Colors-and-Fonts
Eclipse 字型設定

接著再點擊右邊的按鈕 Edit打開字型視窗,選擇自己想要的字型,再一路 確定OK按鈕點選下來即可完成設定。 其餘通用的基本字型與顏色設定也可在此調整。
對應的檔案: org.eclipse.ui.workbench.prefs 。

 

3.色系風格

基本色系

各程式語言的擴充在安裝好時,皆有為我們針對語意、變數…等色系風格配好顏色了。不過,相信有很多程式設計人員是很喜歡黑(暗)色底的終端機風格的配色,先來看底色的基本設定,在 General > Editors > Text Editors選項,

Eclipse 的外觀設定
外觀設定

Appearance color options選項視窗裡,這邊是 Eclipse 的通用設定,由上而下會用到的設定分別是:

  • Line number foreground:行數的顏色
  • Current line highlight:編輯行的高亮度顯示
  • Selection foreground color:被選取起來的前景色
  • Selection background color:被選取起來的背景色
  • Background color:基本的背景色
  • Foreground color:基本的前景色

挑好自己喜歡的顏色再確認就可以了。
對應的檔案: org.eclipse.ui.editors.prefs 。

程式語言擴充色系

安裝好的程式語言擴充皆有其色系的設定,這邊僅列出手邊有的程式語言設定

  • Java
    在 “偏好設定” 視窗的 Java > Editor > Syntax Coloring
    對應的檔案: org.eclipse.jdt.ui.prefs。 

    SyntaxColoring-Java
    Eclipse – Java 調整後的風格
  • JavaScript
    在 “偏好設定” 視窗的 JavaScript > Editor > Syntax Coloring
    對應的檔案: org.eclipse.wst.jsdt.ui.prefs。 

    SyntaxColoring-JavaScript
    Eclipse – JavaScript 調整後的風格
  • PHP
    在 “偏好設定” 視窗的 PHP > Editor > Syntax Coloring
    對應的檔案: org.eclipse.php.ui.prefs。 

    Inconsolata 在 Eclipse 上的表現
    Eclipse – PHP 調整後的風格
  • CSS
    在 “偏好設定” 視窗的 Web > CSS Files > Editor > Syntax Coloring
    對應的檔案: org.eclipse.wst.css.ui.prefs  。 

    SyntaxColoring-CSS
    Eclipse – CSS 調整後的風格
  • HTML
    在 “偏好設定” 視窗的 Web > HTML Files > Editor > Syntax Coloring
    對應的檔案: org.eclipse.wst.html.ui.prefs 。 

    SyntaxColoring-HTML
    Eclipse – HTML 調整後的風格
  • XML
    XML 有兩個地方要設定,皆在 “偏好設定” 視窗裡, XML > DTD Files > Syntax Coloring
    對應的檔案: org.eclipse.wst.dtd.ui.prefs  。 

    SyntaxColoring-DTD
    Eclipse – DTD 調整後的風格

    以及 Web > XML Files > Editor > Syntax Coloring
    對應的檔案: org.eclipse.wst.xml.ui.prefs

    SyntaxColoring-XML
    Eclipse – XML 調整後的風格

備份


設定好之後,當然就是希望可以帶著跑啦,即時換到不同電腦上,也可以馬上有一個自己習慣的介面可以使用。相信大家應該也都有發現,上面每個段落的結束都有個 “對應檔案” 的敘述,那個就是各別的設定檔啦~至於他們被放置的位子,就是在我們剛啟動 Eclipse 時所設定的 Workspace 目錄下,確切的路徑是在 [Workspace path]\.metadata\plugins\org.eclipse.core.runtime\.settings\ ,最後總整理一下所對應的檔案。

名稱 檔案
 文字編碼 org.eclipse.core.resources.prefs
 通用字型與大小 org.eclipse.ui.workbench.prefs
 通用配色 org.eclipse.ui.editors.prefs
 語言擴充配色 – Java org.eclipse.jdt.ui.prefs
 語言擴充配色 – JavaScript org.eclipse.wst.jsdt.ui.prefs
 語言擴充配色 – PHP org.eclipse.php.ui.prefs
 語言擴充配色 – Web – CSS org.eclipse.wst.css.ui.prefs
 語言擴充配色 – Web – HTML org.eclipse.wst.html.ui.prefs
 語言擴充配色 – XML -DTD org.eclipse.wst.dtd.ui.prefs
 語言擴充配色 – XML – XML org.eclipse.wst.xml.ui.prefs

 

若是喜歡上面呈現的風格配色,可以到 Mosil 的 “github – Eclipse-Backup” 下載。

 

Loading Facebook Comments ...

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *