CodeMix使用的语言和框架（六）：HTML5-控件新闻-慧都网

CodeMix使用的语言和框架（六）：HTML5

翻译|使用教程|编辑：李爽夏|2018-10-25 14:25:24.000|阅读 587 次

概述：本篇文章对比了在带有和不带有CodeMix的Eclipse中启动HTML5的情景，介绍了CodeMix在使用HTML5的便捷。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

使用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扩展包中。此扩展程序提供了许多功能和设置，供您自定义体验。