【翻译】CodeMix使用的语言和框架（七）：CSS3

2019独角兽企业重金招聘Python工程师标准>>>

使用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编辑器来说都是如此，一旦习惯了这一点，您就不会想要回到“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扩展名。

转载于:https://my.oschina.net/u/4009527/blog/2906816