CodeMix使用的語言和框架（六）：HTML5
使用CodeMix在Eclipse中啟動HTML5
帶有CodeMix的Eclipse中的HTML5
CodeMix是一個外掛，它將VS Code智慧引入Eclipse，並允許您直接從Eclipse訪問Code OSS擴充套件。 使用CodeMix，您可以獲得在Eclipse中使用HTML5時獲得卓越程式設計體驗所需的一切。
內容輔助
CSS IntelliSense
Emmet表達支援
片段
驗證
格式化
沒有CodeMix的Eclipse中的HTML5
沒有CodeMix的Eclipse不包含高效編碼所需的工具。 即使您下載獲得這些功能所需的各種Eclipse外掛，結果也不會接近CodeMix提供的豐富使用者體驗。
CodeMix包含一個Web擴充套件包，可自動下載和管理您獲得最佳HTML5和CSS3編碼體驗所需的一切。
通過CodeMix瞭解有關HTML5的更多資訊
通過CodeMix瞭解有關CSS3的更多資訊
詳細資訊
內容輔助
鍵入時會顯示建議 - 您無需專門呼叫內容輔助。對於大多數CodeMix編輯器來說都是如此，一旦習慣了這一點，您就不會想要回到“Eclipse方式”。 CodeMix HTML編輯器始終位於HTML5規範之上，確保您為元素和屬性提供高質量的內容輔助。附帶建議的文件相當詳細，在處理相對不常見和較新的元素（例如模板）時尤其方便。
CSS IntelliSense
CSS類名稱的內容輔助是一個巨大的節省時間！由於CodeMix Web擴充套件包中包含IntelliSense for CSS擴充套件，您無需跳轉到樣式表和定義即可找到所需的類。而且，通過在CodeMix中選擇首選項，可以輕鬆定製IntelliSense以滿足您的需求。
片段
Eclipse也有片段/模板，但很少有開箱即用的定義，外掛也不會新增它們。 CodeMix使用Bootstrap 4片段，有數百個擴充套件有助於Bootstrap。如果您發現自己廣泛使用其他框架，那麼您也可能會找到這些框架的程式碼段擴充套件。
Emmet
使用HTML時，Emmet非常方便。 Emmet表示式可以為您節省大量的內容，而使用Emmet命令可以做更多的事情。 Emmet提供各種功能和設定，真正加快編碼速度。
HTML驗證
你有沒有弄亂佈局，因為你沒有關閉標籤？ 或者，您可能對多個元素使用相同的ID？ Eclipse不包含內建的HTML驗證，因此找到像這樣的錯誤真的很痛苦。 但是由於HTML Hint擴充套件，您現在可以在Eclipse中使用CodeMix進行可配置的HTML驗證。
格式化
看看CodeMix的格式是多麼令人印象深刻。 第一個例子展示了Eclipse格式化程式可以做什麼 - 不是太令人印象深刻。 現在看一下顯示CodeMix體驗的第二個示例 - 注意程式碼的清晰度和可讀性。 CodeMix使用Beautify擴充套件格式化HTML，該擴充套件包含在CodeMix Web擴充套件包中。 此擴充套件程式提供了許多功能和設定，供您自定義體驗。
在沒有CodeMix的Eclipse中進行格式化
在有CodeMix的Eclipse中進行格式化