博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CodeMix使用教程(三):Emmet
阅读量:7109 次
发布时间:2019-06-28

本文共 1065 字,大约阅读时间需要 3 分钟。

CodeMix中的Emmet

Emmet是改善开发人员工作流程的好方法。 使用Emmet,可以动态解析类似CSS的表达式,并根据您在缩写中键入的内容生成输出。 Emmet支持内置于CodeMix中,无需扩展。

插件与基于Eclipse的IDE和工具(如,Spring Tools Suite和JBoss Tools)兼容,因此您可以继续在您习惯的环境中工作。

Emmet支持内置于CodeMix中,无需扩展。 Emmet 2.0支持大多数Emmet操作,包括扩展Emmet缩写和片段。

扩展Emmet缩写和片段

默认情况下,emmet缩写和片段扩展在html,haml,jade,slim,jsx,xml,xsl,css,scss,sass,less和stylus文件中启用; 以及任何继承上述任何语言的语言,如handlebars和php。

当您键入Emmet缩写时,缩写将显示在建议列表中。 如果您打开了建议文档,则会在键入时看到扩展的预览。 如果您位于样式表文件中,则扩展缩写将显示在其他CSS建议中排序的建议列表中。

注意:如果您已禁用editor.quickSuggestions设置,则在键入时不会看到建议。 您仍然可以通过按Ctrl + Space手动触发建议。

设置Emmet首选项

要更新Emmet首选项,请转到窗口>首选项(或Mac上的Eclipse>首选项),然后选择CodeMix>用户设置。 可以直接从此页面编辑许多Emmet属性。 如果在“用户设置”列表中未看到该属性或无法编辑该值,请单击列表下方的settings.json链接以手动编辑设置。

有关可用于自定义Emmet体验的Emmet设置的完整列表,请参阅此文档。

Emmet其他文件类型的缩写

要在默认情况下不可用的文件类型中启用Emmet缩写扩展,请使用emmet.includeLanguages设置。 确保为映射的两侧使用语言标识符。

例如:

CodeMix使用教程(三):Emmet

Emmet不了解这些新语言,因此您可能会看到Emmet建议出现在非HTML / CSS上下文中。 要避免这种情况,请转到Window> Preferences(或Mac上的Eclipse> Preferences),然后选择CodeMix> User Settings。 将emmet.showExpandedAbbreviation属性设置为inMarkupAndStylesheetFilesOnly。

转载于:https://blog.51cto.com/14048826/2313739

你可能感兴趣的文章
向程序猿大军迈进
查看>>
Centos系统mysql 忘记root用户的密码
查看>>
inux访问控制的流程-tcp_wrappers讲解
查看>>
Spring学习总结(6)——Spring之核心容器bean
查看>>
POJ 2533: Longest Ordered Subsequence
查看>>
DNS域名解析过程 五月的仓颉
查看>>
Comment Mail Notify:适用于Twenty Ten主题的WordPress评论邮件回复代码
查看>>
android中Handler详解
查看>>
如何在腾讯云快速构建一个Wordpress个人站点
查看>>
nginx与tomcat结合,动静分离
查看>>
IP Source Guard
查看>>
jvm学习-垃圾收集
查看>>
linux用文件锁实现保证一个程序只能启动一个进程
查看>>
使用wget工具抓取网页和图片
查看>>
linux下oracle开机启动
查看>>
【Linux命令】对抗遗忘 -ls 命令系列
查看>>
MyEclipse launch configuration 的清除
查看>>
各大互联网公司架构演进之路汇总
查看>>
js 改变地址栏中的url
查看>>
我的友情链接
查看>>