我是VSC环境的新手,我第一次使用了flutter开发环境。来自一个原始的基本text++编辑器,我爱上了它附带的所有奇特的功能,比如关闭标签和自动构建标签。
例如,
我可以输入这样的内容
.test|c它会扩展到
<div class="test">
</div><!--test-->这是非常有用的。我做web开发人员已经有很长一段时间了,我已经构建了相当大的全栈reactJS应用程序,但从来没有使用过任何辅助工具,我看到了其中的绝对价值。
为了尝试在visual studio (mac os)中模拟这些设置,我执行了以下操作:
-> ->首选项code settings。
在工作场所设置下,我从emmet文档中创建了以下代码片段:
"emmet.preferences":{
"filter.commentAfter": "<!-- /[#ID][.CLASS] -->",
},
"emmet.syntaxProfiles": {
"html" : {
"filters" :"bem"
}
},但是,遗憾的是,没有任何效果。我注意到emmet没有注意到.test|c,因为它不会自动生成。
有什么建议出了什么问题吗?
发布于 2019-09-04 17:13:12
尝试将此添加到您的settings.json
"emmet.preferences":{
"filter.commentAfter": "\n<!-- /[#ID][.CLASS] -->",
},
"emmet.syntaxProfiles": {
// Enable XHTML dialect for HTML syntax
// “html”: “xhtml”
"html" : {
"filters" :"html, c"
}
},这是从Caffeine Creations那里学到的
发布于 2019-09-05 10:48:11
以下是几点:
"emmet.preferences":{
"filter.commentAfter": "<!-- /[#ID][.CLASS] -->",
},正如你所说的,这是正确的。
现在,至于syntaxProfiles条目,这取决于您计划如何使用comment filter。
要用作.wrapper|c (显式使用|c),请执行以下操作:
"emmet.syntaxProfiles": {
"html" : {
"filters" :"html" // put any other filters here as `"html, bem"`
}
},要用作.wrapper (隐式使用|c):
"emmet.syntaxProfiles": {
"html" : {
"filters" :"html c" // put any other filters here as `"html, bem, c"`
}
},在这个最新的版本中,一个注释将被添加到所有的标签,这可能不是你想要的。参见emmet: implicit filter calls。
如果您希望像示例中那样用换行符分隔div,请执行以下操作:
"emmet.preferences": {
"format.forceIndentationForTags": ["script", "div"],
"filter.commentAfter": "<!-- /[#ID][.CLASS] -->"
},现在,div (和script)标记将显示为:
<div class="test">
|
</div><!--test-->最后,看起来你根本没有看到emmet的功能。请参阅enabling emmet in other file types
"emmet.includeLanguages":{ "javascript":"javascriptreact","vue-html":"html","razor":"html",“明文”:"jade“}
我不确定您使用的是哪种文件类型,但您可能需要将其映射为javascriptreact或html,例如,如上面的示例代码所示。
https://stackoverflow.com/questions/56171370
复制相似问题