使用CodeMix在Eclipse中啟動HTML5

帶有CodeMix的Eclipse中的HTML5

CodeMix是一個插件，它將VS Code智能引入Eclipse，并允許您直接從Eclipse訪問Code OSS擴(kuò)展。 使用CodeMix，您可以獲得在Eclipse中使用HTML5時獲得卓越編程體驗所需的一切。

內(nèi)容輔助

• CSS IntelliSense
• Emmet表達(dá)支持
• 片段
• 驗證
• 格式化

沒有CodeMix的Eclipse中的HTML5

沒有CodeMix的Eclipse不包含高效編碼所需的工具。 即使您下載獲得這些功能所需的各種Eclipse插件，結(jié)果也不會接近CodeMix提供的豐富用戶體驗。

CodeMix包含一個Web擴(kuò)展包，可自動下載和管理您獲得最佳HTML5和CSS3編碼體驗所需的一切。

詳細(xì)信息

內(nèi)容輔助

鍵入時會顯示建議 - 您無需專門調(diào)用內(nèi)容輔助。對于大多數(shù)CodeMix編輯器來說都是如此，一旦習(xí)慣了這一點，您就不會想要回到“Eclipse方式”。 CodeMix HTML編輯器始終位于HTML5規(guī)范之上，確保您為元素和屬性提供高質(zhì)量的內(nèi)容輔助。附帶建議的文檔相當(dāng)詳細(xì)，在處理相對不常見和較新的元素（例如模板）時尤其方便。

CSS IntelliSense

CSS類名稱的內(nèi)容輔助是一個巨大的節(jié)省時間！由于CodeMix Web擴(kuò)展包中包含IntelliSense for CSS擴(kuò)展，您無需跳轉(zhuǎn)到樣式表和定義即可找到所需的類。而且，通過在CodeMix中選擇首選項，可以輕松定制IntelliSense以滿足您的需求。

片段

Eclipse也有片段/模板，但很少有開箱即用的定義，插件也不會添加它們。 CodeMix使用Bootstrap 4片段，有數(shù)百個擴(kuò)展有助于Bootstrap。如果您發(fā)現(xiàn)自己廣泛使用其他框架，那么您也可能會找到這些框架的代碼段擴(kuò)展。

Emmet

使用HTML時，Emmet非常方便。 Emmet表達(dá)式可以為您節(jié)省大量的內(nèi)容，而使用Emmet命令可以做更多的事情。 Emmet提供各種功能和設(shè)置，真正加快編碼速度。

HTML驗證

你有沒有弄亂布局，因為你沒有關(guān)閉標(biāo)簽？ 或者，您可能對多個元素使用相同的ID？ Eclipse不包含內(nèi)置的HTML驗證，因此找到像這樣的錯誤真的很痛苦。 但是由于HTML Hint擴(kuò)展，您現(xiàn)在可以在Eclipse中使用CodeMix進(jìn)行可配置的HTML驗證。

格式化

看看CodeMix的格式是多么令人印象深刻。 第一個例子展示了Eclipse格式化程序可以做什么 - 不是太令人印象深刻。 現(xiàn)在看一下顯示CodeMix體驗的第二個示例 - 注意代碼的清晰度和可讀性。 CodeMix使用Beautify擴(kuò)展格式化HTML，該擴(kuò)展包含在CodeMix Web擴(kuò)展包中。 此擴(kuò)展程序提供了許多功能和設(shè)置，供您自定義體驗。

在沒有CodeMix的Eclipse中進(jìn)行格式化

在有CodeMix的Eclipse中進(jìn)行格式化