節選自:用 JSEclipse 構建 JavaScript 應用程序
使用 JSEclipse,JavaScript 程序員現在有了自己的 Eclipse 插件,該插件將提供許多重要功能來輔助開發 JavaScript 應用程序。像 Eclipse 多年來為 Java? 語言和其他語言提供了易用性一樣,JSEclipse 為 JavaScript 開發人員提供了同樣的優點。
獲得 JSEclipse
如果尚未安裝 Eclipse IDE,請立即安裝(請參閱
系統要求
)。本教程使用的是 Eclipse V3.3.1.1,因此如果遇到插件安裝問題,則可以嘗試安裝該版本。
下一步是獲得 JSEclipse 插件。完成該操作的最簡單方法是使用 Eclipse 的內置更新系統:
-
安裝 Eclipse。
-
啟動 Eclipse。
-
如果有必要,請選擇 “Go to Workbench”。
-
從 Workbench 菜單中,選擇 Help > Software Updates > Find and Install。
-
選擇 Search for new features to install。
-
單擊 Next 繼續創建一個新更新站點。
創建新更新站點
新功能和插件托管在特定的更新站點中。Eclipse 安裝中預先配置了這其中的一些站點,但是需要為 JSEclipse 添加一個新更新站點:
-
單擊窗口右側的 New Update Site。
-
輸入名稱 JSEclipse(或者記得住的任何其他名稱)以及 URL
http://download.macromedia.com/pub/labs/jseclipse/autoinstall
。
-
單擊 OK 將新站點添加到列表中。
安裝 JSEclipse
新站點就緒后,可以使用它安裝 JSEclipse:
-
確保通過選中新站點旁邊的復選框選中要更新的新站點,然后單擊 Finish。
-
JSEclipse 是托管在此站點中的惟一一個功能,因此它應當十分易于查找。選擇 JSEclipse 功能并單擊 Next。
接受許可證協議并單擊 Next。
-
檢驗 Eclipse 安裝位置并單擊 Finish。
-
出于安全(以及代碼完整性)原因,實際安裝將查看功能是否已被簽名。它尚未被簽名,因此請確認是否需要安裝這個未簽名的功能,如圖 5 所示,然后單擊 Install。
安裝完成后,單擊 Apply Changes。應當不必重新啟動 Eclipse,但是如果 Eclipse 運行不正常,則最好重新啟動。
現在 JSEclipse 已經安裝,接下來需要進行配置。
配置 JSEclipse
使用 JSEclipse 插件可以讓您很好地控制用戶體驗。要配置 JSEclipse,請選擇 Window > Preferences > JSEclipse 打開首選項。
JSEclipse 首選項有四種。
-
General 首選項
-
這些是首選項,例如彈出自動完成下拉菜單需要等待的時間、是否執行錯誤報告以及是否突出顯示當前變量的其他出現位置。
-
Syntax coloring
-
使用 JSEclipse 不但可以完全控制彩色編碼內容,例如函數名、變量等,而且還可以完全控制哪個顏色代表哪個條目,以便可以更輕松地閱讀,或者匹配現有顏色模式,比方說,來自另一個編輯器。
-
Templates
-
正如您將在
使用代碼模板輕松編程:多維數組
部分中看到的那樣,JSEclipse 包括常用類型的代碼模板,例如
for
循環、函數等。使用此模板可以激活或者取消激活現有模板,并且可以根據需要導入新模板。
-
Typing
-
使用 IDE 的優點之一是可以自動化完成諸如添加結束括號之類的任務。如果您覺得使用該功能會讓自己變得懶惰,則可以在這里的首選項中關閉此功能。
接下來,需要設置 Eclipse 使用該插件。
將 JSEclipse 設為 JavaScript 編輯器
需要告訴 Eclipse 它有一個 JavaScript 文件的專用編輯器,這樣它將不使用通用文本編輯器。選擇 Window > Preferences > General > Editors > File Associations。高亮選中 *.js 文件擴展名并確保 JSEclipse 是相關編輯器。
如果沒有 *.js 擴展名,請單擊頂部的 Add 按鈕,然后將該擴展名添加到對話框中。如果 *.js 擴展名沒有用 JSEclipse 作為其默認編輯器,請單擊底部的 Add 按鈕。選擇 Internal Editors > JSEclipse HTML Editor 并單擊 Add 將其設為默認值。