企业智能化解决方案服务商

CodeMix使用的语言和框架(七):CSS3

翻译 使用教程 | 编辑:当归 | 2018-10-25 15:39:57| 阅读 0 有用 (0) 评论 (0) 收藏


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

使用CodeMix在Eclipse中启动CSS3

带有CodeMix的Eclipse中的CSS3

CodeMix是一个插件,它将VS Code智能引入Eclipse,并允许您直接从Eclipse访问Code OSS扩展。 使用CodeMix,您可以获得在Eclipse中使用CSS3时获得卓越编程体验所需的一切。

  • 内容辅助(包括变量)
  • 元素预览
  • 变量导航
  • Sass&LESS支持
  • 验证

将其与CodeMix中令人敬畏的HTML5支持结合使用,即可获得真正令人印象深刻的网络编码体验。

没有CodeMix的Eclipse中的CSS3

没有CodeMix的Eclipse不包含高效编码所需的工具。 即使您下载获得这些功能所需的各种Eclipse插件,结果也不会接近CodeMix提供的丰富用户体验。

CodeMix包含一个Web扩展包,可自动下载和管理您获得最佳HTML5和CSS3编码体验所需的一切。

在CodeMix中了解有关CSS的更多信息

详细信息

内容辅助

键入时会显示建议 - 您无需专门调用内容辅助。对于大多数CodeMix编辑器来说都是如此,一旦习惯了这一点,您就不会想要回到“Eclipse方式”。 CodeMix CSS编辑器始终位于CSS 3规范之上,提供详细文档的建议,包括属性及其可能的值。 CodeMix CSS编辑器支持Eclipse CSS编辑器未知的属性;例如,动画,边框图像和过渡。

变量

纯CSS中的变量仍处于草稿阶段,但当前文件中定义的变量显示在内容辅助建议中。您还可以使用Ctrl / Cmd + Click导航到变量声明。

Sass / LESS

Sass和LESS得到很好的支持,具有导航和验证功能,包括变量分析的IntelliSense以及Emmet支持。

注意:如果您需要支持旧的,缩进的Sass样式,请安装此Sass扩展。

元素预览

将鼠标悬停在CSS选择器上以查看显示示例HTML的弹出窗口,该HTML说明了该特定样式声明将定位哪些元素。在处理复杂的选择器时,这尤其方便。

验证

CodeMix中的CSS编辑器提供了许多案例的验证,从缺少括号和错误语法的简单事件到更高级的案例,如使用无效属性,甚至缺少属性。 对于高级CSS linting功能,您可能需要添加stylelint扩展名。


慧都控件|提供软件技术整体解决方案

本站文章除注明转载外,均为本站原创或翻译。
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
文章转载自:genuitec https://www.genuitec.com/tech/css3-in-eclipse

用户评论: 您的宝贵经验,能为更多人带来帮助,登录后才能评论。
评论加载中...


    相关产品
    相关商家