使用 JSEclipse，JavaScript 程序員現在有了自己的 Eclipse 插件，該插件將提供許多重要功能來輔助開發 JavaScript 應用程序。像 Eclipse 多年來爲 Java™ 語言和其他語言提供了易用性一樣，JSEclipse 爲 JavaScript 開發人員提供了同樣的優點。
如果尚未安裝 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：
- 確保通過選中新站點旁邊的複選框選中要更新的新站點，然後單擊 Finish。
- JSEclipse 是託管在此站點中的惟一一個功能，因此它應當十分易於查找。選擇 JSEclipse 功能並單擊 Next。
接受許可證協議並單擊 Next。 - 檢驗 Eclipse 安裝位置並單擊 Finish。
- 出於安全（以及代碼完整性）原因，實際安裝將查看功能是否已被簽名。它尚未被簽名，因此請確認是否需要安裝這個未簽名的功能，如圖 5 所示，然後單擊 Install。
安裝完成後，單擊 Apply Changes。應當不必重新啓動 Eclipse，但是如果 Eclipse 運行不正常，則最好重新啓動。
現在 JSEclipse 已經安裝，接下來需要進行配置。
使用 JSEclipse 插件可以讓您很好地控制用戶體驗。要配置 JSEclipse，請選擇 Window > Preferences > JSEclipse 打開首選項。
JSEclipse 首選項有四種。
General 首選項
這些是首選項，例如彈出自動完成下拉菜單需要等待的時間、是否執行錯誤報告以及是否突出顯示當前變量的其他出現位置。
Syntax coloring
使用 JSEclipse 不但可以完全控制彩色編碼內容，例如函數名、變量等，而且還可以完全控制哪個顏色代表哪個條目，以便可以更輕鬆地閱讀，或者匹配現有顏色模式，比方說，來自另一個編輯器。
Templates
正如您將在 使用代碼模板輕鬆編程：多維數組 部分中看到的那樣，JSEclipse 包括常用類型的代碼模板，例如 for 循環、函數等。使用此模板可以激活或者取消激活現有模板，並且可以根據需要導入新模板。
Typing
使用 IDE 的優點之一是可以自動化完成諸如添加結束括號之類的任務。如果您覺得使用該功能會讓自己變得懶惰，則可以在這裏的首選項中關閉此功能。
接下來，需要設置 Eclipse 使用該插件。
需要告訴 Eclipse 它有一個 JavaScript 文件的專用編輯器，這樣它將不使用通用文本編輯器。選擇 Window > Preferences > General > Editors > File Associations。高亮選中 *.js 文件擴展名並確保 JSEclipse 是相關編輯器。
如果沒有 *.js 擴展名，請單擊頂部的 Add 按鈕，然後將該擴展名添加到對話框中。如果 *.js 擴展名沒有用 JSEclipse 作爲其默認編輯器，請單擊底部的 Add 按鈕。選擇 Internal Editors > JSEclipse HTML Editor 並單擊 Add 將其設爲默認值。