使用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編輯器來說都是如此，一旦習慣了這一點，您就不會想要回到“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中進行格式化