【翻译】CodeMix使用教程（三）：Emmet

2024-06-27 03:41:03

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

CodeMix中的Emmet

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

CodeMix插件与基于Eclipse的IDE和工具（如MyEclipse，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.includeLanguages设置。确保为映射的两侧使用语言标识符。

例如：

1

2

3

4

5

"emmet.includeLanguages": {

"javascript": "javascriptreact",

"vue-html": "html",

"plaintext": "jade"

}

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

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

【翻译】CodeMix使用教程（三）：Emmet相关推荐

CodeMix使用教程：Emmet
CodeMix在线订购年终抄底促销!火爆开抢>> CodeMix中的Emmet Emmet是改善开发人员工作流程的好方法. 使用Emmet,可以动态解析类似CSS的表达式,并根据用户在缩写 ...
大学英语综合教程三 Unit 6 课文内容英译中中英翻译
大学英语综合教程三 Unit 6 课文内容英译中中英翻译大家好,我叫亓官劼(qí guān jié ),在CSDN中记录学习的点滴历程,时光荏苒,未来可期,加油~博客地址为:亓官劼的博客本文 ...
大学英语综合教程三 Unit 5 课文内容英译中中英翻译
大学英语综合教程三 Unit 5 课文内容英译中中英翻译大家好,我叫亓官劼(qí guān jié ),在CSDN中记录学习的点滴历程,时光荏苒,未来可期,加油~博客地址为:亓官劼的博客本文 ...
大学英语综合教程三 Unit 8 课文内容英译中中英翻译
大学英语综合教程三 Unit 8 课文内容英译中中英翻译大家好,我叫亓官劼(qí guān jié ),在CSDN中记录学习的点滴历程,时光荏苒,未来可期,加油~博客地址为:亓官劼的博客本文 ...
Quartz教程三：Job与JobDetail介绍
Quartz教程三:Job与JobDetail介绍原文链接 | 译文链接 | 翻译:nkcoder | 校对: 本系列教程由quartz-2.2.x官方文档翻译.整理而来,希望给同样对quartz感 ...
Fastify 系列教程三（验证、序列化和生命周期）
Fastify 系列教程: Fastify 系列教程一 (路由和日志) Fastify 系列教程二 (中间件.钩子函数和装饰器) Fastify 系列教程三 (验证.序列化和生命周期) Fastify ...
Directx11教程三十一之ShadowMap(阴影贴图)之聚光灯光源成影
这节教程我们将介绍一种生成Shadow(阴影)的主流技术,程序结构如下: 读懂此节教程你应该先懂得的技术: (1)D3D11如何求得DepthBuffer(深度缓存值),D3D11教程二十五之De ...
【翻译：OpenCV-Python教程】图像轮廓
⚠️由于自己的拖延症,3.4.3翻到一半,OpenCV发布了4.0.0了正式版,所以接下来是按照4.0.0翻译的. ⚠️除了版本之外,其他还是照旧,Contours in OpenCV,附原文.这篇比 ...
【翻译：OpenCV-Python教程】霍夫线性变换
⚠️由于自己的拖延症,3.4.3翻到一半,OpenCV发布了4.0.0了正式版,所以接下来是按照4.0.0翻译的. ⚠️除了版本之外,其他还是照旧,Hough Line Transform,附原文. ...
jQuery 3教程(三)：jQuery集合
原文地址:jQuery 3教程(三):jQuery集合 Introduction jQuery选择器选择出来的结果很多时候是一个DOM元素集而非单个元素,jQuery可以灵活的访问和修改DOM元素集, ...

最新文章

热门文章