Eclipse是廣受歡迎的Java開發工具，但是它同樣也提供了完善的支持來編寫和格式化JavaScript和HTML代碼。對于前端開發者來說，這是一個非常有用的功能，使得代碼更加整潔，易于閱讀，同時也可以避免一些人為的錯誤。

在Eclipse中，我們可以使用預定義的模板（Template）和帶有代碼風格的Formatter來格式化我們的JavaScript和HTML代碼。下面，讓我們看一下如何使用這些功能。

格式化JavaScript代碼

要格式化JavaScript代碼，我們可以使用Eclipse的JSDT（JavaScript Development Tools）插件。默認情況下，Eclipse提供了一些預定義的模板和Formatter，我們可以通過“Window”菜單->“Preferences”->“JavaScript”->“Code Style”來進行配置。在這里，我們可以選擇我們偏好的代碼風格，如縮進、空格、換行等，同時修改預定義的模板和Formatter。

// 使用Eclipse JSDT默認的格式化
function myFunction () {
if (true) {
console.log("Hello World!");
} else {
console.log("Goodbye!");
}
}

當我們在編輯器中編寫代碼時，我們可以使用快捷鍵“Ctrl+Shift+F”來自動格式化我們的JavaScript代碼，或者我們可以在保存代碼時自動格式化代碼。

格式化HTML代碼

和JavaScript一樣，Eclipse同樣也提供了預定義的模板和Formatter來格式化HTML代碼。我們可以通過“Window”菜單->“Preferences”->“Web”->“HTML Files”來進行配置。在這里，我們可以選擇我們偏好的代碼風格，如縮進、空格、換行等，同時也可以修改預定義的模板和Formatter。

Welcome to my website!
Some text.

和JavaScript一樣，當我們在編輯器中編寫代碼時，我們可以使用快捷鍵“Ctrl+Shift+F”來自動格式化我們的HTML代碼，或者我們可以在保存代碼時自動格式化代碼。

總的來說，Eclipse提供了一些非常方便的工具和功能來格式化我們的JavaScript和HTML代碼。這些功能可以幫助我們編寫更加整潔，易于閱讀和維護的代碼，同時也可以提高我們的開發效率。